使用簡單例子，表單的的輸入，將表單輸入以JSON的形式傳入，并后臺返回JSON格式，使用js函數處理，進行顯示，進一步熟悉了ajax的用法，以及JSON的的使用。例子如下：html部分：

用戶名?

?學號?

js部分：

var?xmlobj;

var?result=false;

function?createXMLHttpRequest(){

if(window.ActiveXObject){

xmlobj=new?ActiveXObject("Microsoft.XMLHTTP");

}

else?if(window.XMLHttpRequest){

xmlobj=new?XMLHttpRequest();

}

}

function?check(){

if(resultform()){

return?true;

}

else{

return?false;

}

}

function?checkform(){

var?usernameobj=document.getElementById('username').value;

var?usernumobj=document.getElementById('usernum').value;

var?data={username:usernameobj,usernum:usernumobj};

var?jsonobj=JSON.stringify(data);//將對象轉換為JSON串，通過ajax進行傳遞

var?cb?=?ajaxResultdeal;

url='test.php?data='+jsonobj+"&r="+Math.random();

toAjax(url,cb);

}

function?toAjax(url,callback){

createXMLHttpRequest();

xmlobj.onreadystatechange=function(){

if(xmlobj.readyState==4&&xmlobj.status==200){

callback(xmlobj.responseText);

}

else{

result=false;

}

}

xmlobj.open("GET",url,true);

/*xmlobj.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

xmlobj.send(data);*/

xmlobj.send(null);

}

function?ajaxResultdeal(response){

var?tips=document.getElementById('tips');

var?json=JSON.parse(response);

if(json['username']=="11"){

tips.innerHTML="

你輸入的名字是："+json['username']+"

";

result=true;

}

else{

tips.innerHTML="

你輸入的有誤

";

result=false;

}

resultform();

}

function?resultform(){

if(result){

return?true;

}

else{

return?false;

}

}

php部分：

header("Content-Type:application/json;charset=utf-8");

$data?=?json_decode($_GET['data'],true);

echo??$_GET['data'];

?>

效果圖：

當用戶名為11時，輸入正確，如圖：

當用戶名不是11時，輸出為：

總結

以上是生活随笔為你收集整理的demo_ajax_json.js,ajax小demo-----ajax中json的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。