星空网 > 软件开发 > Java

通过XMLHttpRequest和jQuery两种方式实现ajax

一、

不使用jQuery实现页面不刷新获取内容的方式,我们这里采用;js代码如下:

//1.获取a节点,并为其添加Oncilck响应函数
document.getElementsByTagName("a")[0].onclick = function(){
   //3、创建一个  var request = new //4、准备发送请求的数据url  var url = this.href;  var method = "GET";    //5、调用  request.open(method,url);  //6、调用  request.send(null);  //7、为  request.onreadystatechange = function(){        //8、判断响应是否完成:    if(request.readyState == 4){
//9、在判断响应是否可用: if(request.status == 200){
//10、响应结果 alert(request.responseText); } } } //2、取消a节点的额默认行为 return false; }

插入HTML代码:

<a href = "hello.txt">点击获取文本内容</a>

 二、jQuery实现ajax获取信息

这个例子是动态的从后台获取数据来改变下拉按钮的内容;

js代码如下:

function bindCarteam0(){     //通过URL请求数据     var URL = <select:link page="/xiaoshouwl.do?method=getCarteamList"/>;      $.ajax({        url:URL,        type:'GET',        dataType: "json",        success:function(html){          var str="<option value='-1'>全部</option>";          for(var i=0;i<html.length;i++){            str+="<option value='"+html[i].id+"'>"+html[i].name+"</option>";          }          $("#carteam_code").empty().html(str);        }      });   }

HTML代码如下:

<select:select property="carteam_code" styleId="carteam_code" style="width:150px">                     <select:option value="-1">全部</select:option>                </select:select>

其中type类型有get和post两种;

post 可以传输的数据量比较大,get有字节限制;




原标题:通过XMLHttpRequest和jQuery两种方式实现ajax

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

每吨23.34美元!密西西比河因水位下降导致运费升高:https://www.kjdsnews.com/a/1602926.html
2023年第35周运价趋势(目的地篇):https://www.kjdsnews.com/a/1602927.html
“苏拉”“海葵”来袭!多家船司发布紧急通知:https://www.kjdsnews.com/a/1602928.html
918亿!中远海控公布2023年上半年业绩:https://www.kjdsnews.com/a/1602929.html
布局东南亚!Temu或将上线更多站点:https://www.kjdsnews.com/a/1602930.html
客户案例 | 中国至墨西哥精密仪器空运运输:https://www.kjdsnews.com/a/1602931.html
皇帝的皇宫=:https://www.vstour.cn/a/363188.html
海南岛琼海市旅游景点 琼海市的旅游景点:https://www.vstour.cn/a/363189.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流