本篇文章给大家谈谈jquery的ajax用法,以及jQuery、Ajax和JS之间是什么关系如何学习JS对应的知识点,文章可能有点长,但是希望大家可以阅读完,增长自己的知识,最重要的是希望对各位有所帮助,可以解决了您的问题,不要忘了收藏本站喔。
jQuery、Ajax和JS之间是什么关系如何学习JS
楼主应该刚入门,ajax很简单的,还可以根据后台controller接收的数据类型设置headers,没有任何技术难点。唯一要记住的就是ajax是异步的,对页面的dom操作要写在success方法里。
jquery和ajax查询时,动态生成表格并且添加数据
varindex=1;success:function(data){$("#tr"+index).remove();$("#tab").append("
"); }jquery中ajax提交和post提交有啥区别
一个是异步的:ajax
一个是同步的
ajax的提交方式用户无感知,
post提交就会带来页面跳转
那你看看后台是否判断了是否是ajax提交的方式
jquery和ajax到底到底有什么区别
AJAX即“AsynchronousJavascriptAndXML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术,通过在后台与服务器进行少量数据交换,AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。Jquery是一个优秀的Javascript库。兼容各种浏览器使用户能更方便地处理HTML、events、实现动画效果,并且方便地为网站提供AJAX交互。所以两者其实不能作对比,一个是技术,一个是JS库的名称。
ajax数据传输方式实例详解
在异步应用程序中发送和接收信息时,常见的可以选择以纯文本和XML作为数据格式(可参考《jQuery学习笔记之Ajax用法实例详解》),现在还有一种比较流行的方式:JSON(JavaScriptObjectNotation)。好了,下面举例说明这三种数据格式在ajax的异步应用。
一、纯文本方式
1、发送/接收数据:
Codeischeap.看代码:
testJs.js
//此函数等价于document.getElementById/document.all
function$(s){if(document.getElementById){returneval('document.getElementById("'+s+'")');}else{returneval('document.all.'+s);}}
//创建XMLHttpRequest对象,以发送ajax请求
functioncreateXMLHTTP(){
varxmlHttp=false;
vararrSignatures=["MSXML2.XMLHTTP.5.0","MSXML2.XMLHTTP.4.0",
"MSXML2.XMLHTTP.3.0","MSXML2.XMLHTTP",
"Microsoft.XMLHTTP"];
for(vari=0;i<arrSignatures.length;i++){
try{
xmlHttp=newActiveXObject(arrSignatures[i]);
returnxmlHttp;
}
catch(oError){
xmlHttp=false;//ignore
}
}
//thrownewError("MSXMLisnotinstalledonyoursystem.");
if(!xmlHttp&&typeofXMLHttpRequest!='undefined'){
xmlHttp=newXMLHttpRequest();
}
returnxmlHttp;
}
varxmlReq=createXMLHTTP();
//发送ajax处理请求(这里简单验证用户名和密码的有效性,默认正确的输入:用户名和密码都是test)
functionvalidatePwd(oTxt){
varurl="/AjaxOperations.aspx";
xmlReq.open("post",url,true);
xmlReq.setRequestHeader("Content-Length",oTxt.value.length+$("txtUserName").value.length);
xmlReq.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlReq.onreadystatechange=callBack;
xmlReq.send("action=chkPwd&userInfos="+escape(oTxt.value+"/"+$("txtUserName").value));//发送文本
}
functioncallBack(){
if(xmlReq.readyState==4){
if(xmlReq.status==200){
alert(xmlReq.responseText);//接收文本
}
elseif(xmlReq.status==404){
alert("RequestedURLisnotfound.");
}elseif(xmlReq.status==403){
alert("Accessdenied.");
}else
alert("statusis"+xmlReq.status);
}
}
END,本文到此结束,如果可以帮助到大家,还望关注本站哦!