Ajax可用于创建快速动态网页,Ajax能够在无需重新加载整个网页的情况下实现异步更新,码笔记分享Ajax四种请求方式详解:
$.ajax()请求
$.ajax()返回其创建的XMLHttpRequest对象,$.ajax()是jquery中通用的一个ajax封装。
语法:$.ajax(options)
,其中options是一个object类型,它指明了本次ajax调用的具体参数,示例:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
$.ajax({ url:"https://www.mabiji.com", //请求的url地址 dataType:"json", //返回格式为json async:true,//请求是否异步,默认为异步,这也是ajax重要特性 data:{"id":"value"}, //参数值 type:"POST", //请求方式 beforeSend:function(){ //请求前的处理 }, success:function(req){ //请求成功时处理 }, complete:function(){ //请求完成的处理 }, error:function(){ //请求出错处理 } }); |
通过远程HTTP get请求载入信息
$.get()方法使用GET方式来进行异步请求,请求成功时可调用回调函数。
示例:
1 2 3 4 |
$.get("请求地址", { name: "John", time: "2pm" }, //参数列表 function(data){ alert( data); }); |
通过远程 HTTP POST 请求载入信息
$.post()方法使用POST方式来进行异步请求,成功时可调用回调函数。
示例:
1 2 3 4 5 |
$.post("请求地址", {参数列表,采用那个键值对 }, function (data) { if (data == "ok") { alert("添加成功!"); } }) |
通过HTTP get请求载入JSON数据
$.getJSON()是专门为ajax获取json数据而设置的,并且支持跨域调用。
示例:
1 2 3 4 |
$.getJSON("http://api.mabiji.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",{参数列表} function(data){ }); |
jQuery的getJSON()函数,只是设置了JSON参数的ajax()函数的一个简化版本。getJSON()函数也是可以跨域使用,相比get()、post()有一定优势。另外,这个函数可以通过把请求url写成myurl?callback=X
这种格式,让程序执行回调函数X。
2023腾讯云服务器超便宜,这个价格太可以了,抓紧上车!
- 2核2G3M服务器30元/3个月:点此直达
- 2核2G3M服务器95元一年:点此直达
- 2核2G4M服务器112元/1年:点此直达
- 2核2G4M服务器396元/1年:点此直达
- 2核4G5M服务器168元/3年:点此直达
- 2核4G5M服务器628元/3年:点此直达
- 4核8G12M服务器446元/1年 518元15个月:点此直达
- 8核16G18M服务器1668元/15个月
- 16核32G28M服务器3468元/15个月
注意:以上特价轻量服务器限制条件为“产品首单特惠”,如果你的腾讯云账号已经是老用户,建议重新注册一个腾讯云账号,如果你是新用户符合条件,那么无脑入,这个CPU内存带宽配置,价格确实便宜,值得买!
2023云服务器降价了!阿里云VS腾讯云
阿里云:2023阿里云服务器价格便宜到家了(值得买)
腾讯云:2023腾讯云2核4G服务器8M带宽70元一年(多配置可选)
华为云:2023华为云优惠活动云服务器60元一年起(查看更多配置报价)
发表评论