前端之家收集整理的这篇文章主要介绍了
原生Aajax 和jQuery Ajax 写法个人总结,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
AJAX:即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个网页页面。
重定向、4开头代表客户端错误 404、5开头代表服务器错误;
方法中的第三个参数代表是否异步(TRUE为异步 FALSE为同步)。
当请求方式为POST时,open方法后面要设置请求头(xmlhttp.setResponseHeader(""))send方法中要加入;
原生JavaScript写法:
函数
{
xhr=getxhr();
if(xhr==null)
{
alert("浏览器
不支持!");
}
var url="";
xhr.onreadystatechange=fanhui;
xhr.open("GET",url,true);
xhr.send(null);
}
function fanhui()//请求成功的回调
函数
{
if(readyState==4)
{
document.getElementById("xx").innerHTML=xhr.responseText;
}
}
function getxhr()//
获取xmlhttp对象
{
xhr=null;
try{
xhr=new XMLHttpRequest();
}
catch(e)
{
xhr=new ActiveXObject("Microsoft.XMLHTTP");
}
}
jQuery中的ajax写法:
PHP?name="+$("#name").val()+"&phone="+$("#phone").val(),dataType:"json",success:function(data){
$("#success").html(data.msg);
},error:function(){
alert("
错误!!!");
}
})
})
PHP",data:{
name:$("#name").val(),phone:$("#phone").val()
},error:function(){
alert("
错误!!!");
}
})
})
以上所述是小编给大家介绍的原生Aajax 和jQuery Ajax 个人总结。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。
原文链接:https://www.f2er.com/ajax/40475.html