AJAX 应用

墨衍会员 · AI 创作全网分发码龄17年

关注

原创最新推荐文章于 2024-11-24 02:35:16 发布 592 阅读 AI 写同款· GEO 优化 ›

JAVA PP持久层代码生成器 JAVA 持久层代码生成工具, 基本于freemarker的, 可自定义模板的代码生成器. 立即下载

<script type="text/javascript"> function addUrl(){ //1、设置请求url地址 var name = document.getElementById("name").value; var text = document.getElementById("url").value; var url = "insertUrl.do?name="+name+ "&url="+text+"&time"+new Date() ; //2、创建xmlHttpRequest对象 xmlHttpRequest = createXmlHttpRequest(); //3、设置xmlHttpRequest对象的回调函数 xmlHttpRequest.onreadystatechange = execute ; //4、注册xmlHttpRequest对象 xmlHttpRequest.open("get",url,true); //5、发送请求 xmlHttpRequest.send(null); } //创建xmlHttpRequest对象方法 function createXmlHttpRequest(){ //如果是IE浏览器 if(window.ActiveXObject){ return new ActiveXObject("Microsoft.XMLHTTP"); } //非IE浏览器 if(window.XMLHttpRequest){ return new XMLHttpRequest(); } } //回调函数 function execute(){ //当xmlHttpRequest的状态为接收结果并完毕和服务器返回状态为正常执行刷新部分页面 if(xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200){ if(xmlHttpRequest.responseText=="true"){ alert("添加成功！"); //添加到下拉列表 var obj = document.getElementById("myUrl"); var name = document.getElementById("name").value; var text = document.getElementById("url").value; var op = new Option(name,text); obj.options.add(op); //隐藏层 showAddUrl(); } } } 解析XML返回的例子 //回调函数 function execute(){ //当xmlHttpRequest的状态为接收结果并完毕和服务器返回状态为正常执行刷新部分页面 if(xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200){ alert("添加成功！"); //添加到下拉列表 var obj = document.getElementById("myUrl"); //添加之前先清空列表 obj.options.length = 0 ; //获取xmlHttpRequest返回的xml对象 (利用JavaScript的DOM模型将此xml解析出来) xmlDoc = xmlHttpRequest.responseXml; //获取根节点 myUrl = xmlDoc.documentElement ; //循环遍历根节点的所有子节点 for(var x=0;x<myUrl.childNodes.length;x++){ myUrl.childNodes[x]表示第x+1个子节点(onerecord) myUrl.childNodes[x].childNodes[1] 一条记录onerecord节点下的第二个节点name myUrl.childNodes[x].childNodes[1].firstChild表示一条记录onerecord节点下的第二个节点name的第一个子节点（文本节点）的值 var name = myUrl.childNodes[x].childNodes[1].firstChild.nodeValue ; var url = myUrl.childNodes[x].childNodes[2].firstChild.nodeValue ; var op = new Option(name,url); obj.options.add(op); } //隐藏层 showAddUrl(); } }

收录于

Javascript

标签

#ajax #xmlhttprequest #function #url #javascript

本内容遵循 CC 4.0 BY-SA 版权协议

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

扫码下载app代码说明(java,web) 手机扫码同一张二维码，自动识别手机系统，安卓自动下载App,ios会自动跳转应用市场。立即下载

0

ppjava2009

博客等级

码龄17年 6粉丝 44原创

+ 关注专栏目录订阅专栏

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。