您现在的位置是:网站首页> 编程资料编程资料
Ajax和$.ajax使用实例详解(推荐)_AJAX相关_
2023-05-25
359人已围观
简介 Ajax和$.ajax使用实例详解(推荐)_AJAX相关_
实例一(Ajax请求基本创建格式):
Ajax练习(GET,不考虑浏览器兼容性)
AjaxDemo实例
实例二(见附件)
考虑浏览器兼容性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; };好了,以上所述是小编给大家介绍的Ajax和$.ajax使用实例详解,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
您可能感兴趣的文章:
相关内容
- Ajax实现注册并选择头像后上传功能_AJAX相关_
- Ajax 设置Access-Control-Allow-Origin实现跨域访问_AJAX相关_
- Ajax跨域访问Cookie丢失问题的解决方法_AJAX相关_
- Ajax动态为下拉列表添加数据的实现方法_AJAX相关_
- AJAX +SpringMVC 实现bootstrap模态框的分页查询功能_AJAX相关_
- 初学者必看的Ajax总结篇_AJAX相关_
- ajax提交手机号去数据库验证并返回状态值_AJAX相关_
- 完美解决ajax跨域请求下parsererror的错误_AJAX相关_
- AJAX如何实现无刷新登录功能_AJAX相关_
- 用ajax传递json到前台中文出现问号乱码问题的解决办法_AJAX相关_
