AI智能
改变未来

jQuery中的Ajax

通过HTTP请求加载远程数据
jQuery底层Ajax实现。简单易用的高层实现$.get .post等。.post等。.post等。.ajax()返回其创建的XMLHttpRequest对象,最简单情况下,$.ajax()可以不带任何参数直接使用
jsonp跨域

$.ajax({method: \"get\",url: \"\",data: {},dataType: \"jsonp\",jsonpCallback: \"getData\",beforeSend: function() {//return false; //终止ajax 请求},success: function(res) {//请求成功执行的回调函数},error: function(err) {//请求失败},complete: function() {//请求完成},timeout: 2000,async: true});

dataType属性设置为jsonp 就是jsonp跨域请求
cros 跨域
需要在后端配置跨域

$.ajax({method:\"get\",data:{user:\'maodou123\',pwd:\"abc123\"},url:\"http://127.0.0.1:8000/\",beforeSend:function (){// 这个里面可以写拦截器},headers:{//前端  在header  设置api  检验\"user\":\"base\",\"pwd\":\"12345\"},statusCode:{200:function (){console.log(\"响应成功\");},404:function (){console.log(\"页面丢失\");},500:function (){console.log(\"服务器响应报错\");}},success:function (res){console.log(res);},error:function (err){console.log(err);},complete:function (){console.log(\"请求完成\");},timeout:1500,async:true});
赞(0) 打赏
未经允许不得转载:爱站程序员基地 » jQuery中的Ajax