Asynchronous JavaScript and Xml异步的JavaScript和XML。
指的是:使用XMLHttpRequest对象异步地向服务器发请求。服务器返回部分数据。实现,页面无刷新的改变局部内容。
<script type="text/javascript">
//创建XMLHttpRequest
function getXhr(){
var xhr;
if(window.XMLHttpRequest){//如果支持该类型
xhr = new XMLHttpRequest();
}else{//ie
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
return xhr;
};
//发送HTTP请求
function sendRequest(){
var xhr = getXhr();//获取XMLHttpRequest对象
xhr.open("GET","/ajax01/demo1.do?name=value&name=value");//创建一个HTTP请求
//注册一个回调函数,请求处理时自动调用
xhr.onreadystatechange = function(){
if(xhr.readyState==4 xhr.status==200){//4表示请求处理完毕
//获取服务器返回的信息
var msg = xhr.responseText;
//将消息放到id=msg的span显示
document.getElementById("msg").innerHTML=msg;
}
};
xhr.send(null);//发送HTTP请求
};
</script>
<script type="text/javascript">
//检查用户名是否可用
function checkname(){
//获取请求参数
var name =
document.getElementById("username").value;
//发送ajax请求
var xhr = getXhr();//获取XMLHttpRequest对象
xhr.open("POST","/ajax01/check.do");//创建请求
xhr.setRequestHeader("content-type",
"application/x-www-form-urlencoded");//给HTTP协议设置请求头参数
xhr.send("name="+name&"password="+password);//发送请求
}
</script>
<pre class="code sh_javascript snippet-formatted sh_sourceCode"><li>$<span class="sh_symbol">.</span><span class="sh_function">ajax</span><span class="sh_symbol">(</span><span class="sh_cbracket">{</span></li><li> url<span class="sh_symbol">:</span><span class="sh_string">"test.do"</span><span class="sh_symbol">,</span></li><li> type<span class="sh_symbol">:</span><span class="sh_string">"post"</span><span class="sh_symbol">,</span> </li><li> dataType<span class="sh_symbol">:</span><span class="sh_string">"json"</span><span class="sh_symbol">,</span></li><li> data:{"name":"kk","pw":"123"},</li><li> success<span class="sh_symbol">:</span><span class="sh_keyword">function</span><span class="sh_symbol">(</span>data<span class="sh_symbol">)</span><span class="sh_cbracket">{</span></li><li> </li><li> <span class="sh_cbracket">}</span><span class="sh_symbol">,</span></li><li> error<span class="sh_symbol">:</span><span class="sh_keyword">function</span><span class="sh_symbol">()</span><span class="sh_cbracket">{</span></li><li> <span class="sh_comment">//服务器出错之后的处理逻辑。</span></li><li> <span class="sh_cbracket">}</span></li><li> <span class="sh_cbracket">}</span><span class="sh_symbol">);</span></li>
1、在tomcat下conf/server.xml文件中,修改<Connector URIEncoding="utf-8">,使得tomcat按utf-8方式解码。
2、使用endodeURI对请求地址进行编码。xhr.open('get',encodeURI(uri),true);
JSON轻量级的数据交换格式。
JSON对象转换为javaScript对象。
var str=‘{"name":"kk","pw":"123"}’;
1、var obj = eval("("+str+")");
2、var obj = JSON.parse(str);
3、var obj = str.parseJSON();
alert(obj.name);