無聊時寫的一個小案例,希望有所幫助,話不多說,上代碼,ajax基本對象,請求方式我就不說了,百度可以搜到。
原生ajax:
<title>ajax案例</title> <script type="text/javascript"> var xmlHttp = null; //實力化xmlhttprequest對象 function loadxmlhttprequest() { //判斷是不是標准瀏覽器 if (window.ActiveXObject) {//ie瀏覽器 xmlHttp = new XMLHttpRequest("Microsoft.XMLHTTP"); } //不是ie瀏覽器 (標准瀏覽器 谷歌 火狐) else if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } } //使用ajax發送請求 function SendMessage() { //實例化對象 loadxmlhttprequest(); //獲取要發送的請求 var mess = "text=" + document.getElementById("textone").value; //請求地址 var address = "ajaxhandler.ashx"; //請求方式 var mod = "Get"; //發送數據 xmlHttp.open(mod, address + "?" + mess); xmlHttp.send(); //判斷數據是否發送成功以及是否有回發數據 xmlHttp.onreadystatechange = function () { //請求是否正常發送 if(xmlHttp.readyState==4) { //判斷是否回發正常 if (xmlHttp.status = 200) //將接收到的結果賦值給div document.getElementById("res").innerText = xmlHttp.responseText; } } } </script> </head> <body> <form id="form1" runat="server"> <div> <input name="textone"id="textone" onblur="SendMessage()"/> </div> <div id="res"></div>//將數據顯示在div中 </form> </body> </html>
接下來是一般處理程序里的代碼,注:一般處理程序名為 ajaxhandler
public void ProcessRequest(HttpContext context) { string str = context.Request["text"].ToString(); context.Response.Write("我已接收到你的請求,你請求的信息是" + str); }
不多說,關於AJAX的基本大家百度可以找到,我就直接上代碼了。
MVC 中,jquery的ajax(不要忘了引用jquery包):
<input value="ajax" type="button" id="btndx" />
<input value="ajax" type="button" onclick="btnajax()" />
<script type="text/javascript"> function btnajax() { $.ajax({ type: 'get',//請求方式 url: '/Verification/getVerifyCode',//請求路徑 data: { "phone": $("#btndx").val() },//傳遞參數 success: function (data) {//返回結果 if(data.result) { alter("成功!"); }
else{
alter("失敗!");
} } }) } </script >
后台:
public JsonResult getVerifyCode(string phone) { bool result=false; if(phone==1) { result=true; } return Json(result=result}, JsonRequestBehavior.AllowGet); }
