ajax用法示例_json.tojavaobject

ajax用法示例_json.tojavaobject这次给大家带来Ajax与$.ajax实例详解,Ajax与$.ajax使用的注意事项有哪些,下面就是实战案例,一起来看一下。实例一(Ajax请求基本创建格式):Ajax练习(GET,不考虑浏览器兼容性)functiondoRequest(){//不考虑浏览器兼容性问题varxmlHttp=newXMLHttpRequest();//打开一个与Http服务器的连接xmlHttp.open(…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

这次给大家带来Ajax与$.ajax实例详解,Ajax与$.ajax使用的注意事项有哪些,下面就是实战案例,一起来看一下。

实例一(Ajax请求基本创建格式):

Ajax练习(GET,不考虑浏览器兼容性)

function doRequest() {

//不考虑浏览器兼容性问题

var xmlHttp = new XMLHttpRequest();

//打开一个与Http服务器的连接

xmlHttp.open(“GET”, “Default.aspx”, true);

//与服务器端交互

xmlHttp.send(null);

//监听服务器端响应状态的改变事件

xmlHttp.onreadystatechange = function () {

//客户端与服务器端交互完成

if (xmlHttp.readyState == 4) {

//服务器端返回Http状态码:200表示请求成功,404未找到,403错误

if (xmlHttp.status == 200) {

//获得服务器端资源

var result = xmlHttp.responseText;

alert(result);

}

}

}

}

AjaxDemo实例

//使用Ajax读取浏览器的工作内容

function readRequest() {

//不考虑浏览器的兼容性问题

var xmlhttp = new XMLHttpRequest();

//打开一个与服务器相关的链接

//发送请求

//请求的方式(获取/发送),请求页面,是否异步

xmlhttp.open(“GET”, “AjaxDemo.aspx”, true);

//发送数据

xmlhttp.send(null);

//接受服务器返回结果

xmlhttp.onreadystatechange = function() {

//请求完成

if (xmlhttp.readyState == 4) {

//链接成功

if (xmlhttp.status == 200) {

//输出浏览器的内容

var result = xmlhttp.responseText;

alert(result);

window.alert(“读取浏览器的内容成功!”);

}

}

};

};

function btn_Click() {

var http = new ActiveXObject(“Microsoft.XMLHTTP”);

//或者使用这一句创建 var xmlhttp = new XMLHttpRequest();

if (!http) {

alert(“创建xmlhttp对象异常!”);

return false;

}

http.open(“POST”, “AjaxDemo.ashx”, false);

http.onreadystatechange = function() {

if (http.readyState == 4) {

//链接成功

if (http.status == 200) {

alert(http.responseText);

document.getElementById(“Text1”).value = http.responseText;

} else {

window.alert(“Ajax服务器返回错误!”);

}

}

};

http.send();

};

实例二(见附件)

考虑浏览器兼容性Ajax请求处理,获取后台xml文件内容。

实例三(见附件)

使用$.Ajax获取后台读取xml文件内容信息。function readXML1() {

//创建XML对象

var xmldom = new ActiveXObject(“Microsoft.XMLDOM”);

//设置为异步

xmldom.async = “false”;

//加载需要读取的XML文档

xmldom.load(“XML1.xml”);

info = “”;

//需要读取的根节点

var node = xmldom.selectNodes(“student”);

//依次读取其中的内容

info = node[0].childNodes[0].nodeTypedValue + ”
” + node[0].childNodes[1].nodeTypedValue+ “
” + node[0].childNodes[2].nodeTypedValue;

document.getElementById(“xmlmsg”).innerHTML = info;

};function readXML2() {

//实例化xml对象

var xml = new ActiveXObject(“Microsoft.XMLDOM”);

//异步设置

xml.async = “false”;

//加载需要读取的XML文档

xml.load(“XML2.xml”);

info = “”;

//选择需要读取的对象名称

var fnode = xml.documentElement.selectNodes(“people”);

//循环输出文档的内容

for (var i = 0; i < fnode.length; i++) {

for (var j = 0; j < fnode[i].childNodes.length; j++) {

info += fnode[i].childNodes[j].text + “
“;

}

}

document.getElementById(“xmlmsg”).innerHTML = info;

};

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/170676.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 文件、目录_文件目录表

    文件、目录_文件目录表4.1文件4.1.1文件命名文件是一种抽象机制,它提供了一种方式用来存储信息以及在后面进行读取。可能任何一种机制最重要的特性就是管理对象的命名方式。对用户来说,文件的时间必须隐藏信息的保存方

  • 关于LSM树_完全m叉树

    关于LSM树_完全m叉树前言推出一个新系列,《看图轻松理解数据结构和算法》,主要使用图片来描述常见的数据结构和算法,轻松阅读并理解掌握。本系列包括各种堆、各种队列、各种列表、各种树、各种图、各种排序等等几十篇的样子。关于LSM树LSM树,即日志结构合并树(Log-StructuredMerge-Tree)。其实它并不属于一个具体的数据结构,它更多是一种数据结构的设计思想。大多NoSQL数据库核心思想都是基于LSM来做的,只是具体的实现不同。所以本来不打算列入该系列,但是有朋友留言了好几次让我讲LSM树,那么就说一下L

    2022年10月28日
  • origin绘图同时添加柱状图和折线图

    origin绘图同时添加柱状图和折线图在绘制数据图时,为了清晰反应不同数据之间的关系,往往需要在同一个图中同时添加柱状图和点线图。这时候需要左右两个纵坐标。下面介绍这种图的绘制方法1、首先绘制一个柱状图,具体绘制方法可以参考上一篇博客:origin绘图软件安装包及入门使用2在图的右侧插入刻度线,插入顺序如下图所示,点击图–>新图层(轴)–>右Y轴3、添加完后双击右侧刻度线修改刻度的起始值和要插入的点线图数值范围对应4、插入折线图,选择图->添加点线图,从book中选择要绘制点线图的数据导入到右侧

  • Alex 的 Hadoop 菜鸟教程: 第1课 hadoop体系介绍

    Alex 的 Hadoop 菜鸟教程: 第1课 hadoop体系介绍介绍hadoop的体系,对hadoop庞大的生态圈进行了介绍,并标出了学习的优先级。简单明了的介绍,看了不晕

  • dstat使用[通俗易懂]

    dstat使用[通俗易懂]1、安装方法一:yum#yuminstall-ydstat方法二:rpm官网下载地址:http://dag.wieers.com/rpm/packages/dstat #wget http://dag.wieers.com/rpm/packages/dstat/dstat-0.6.7-1.rh7.rf.noarch.rpm#rp

  • 魔兽世界 | 宏命令教程

    魔兽世界 | 宏命令教程前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、什么是宏命令有了宏命令,可以很大程度的解放双手,开启懒人脸滚键盘模式,本篇文章就简单讲解一下基本宏指令,并尝试完成一套一件输出宏二、基本宏速查表#showtooltip多用于宏命令的开头,让按钮显示技能的说明和技能的图标/castxxx施放技能,如/

    2022年10月24日

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号