ASP.NET學習筆記(6)——jQuery的Ajax基本操作
阿新 • • 發佈:2017-11-05
stat password ash page serve () c# content scrip
說明(2017-11-5 15:49:29):
1. jQuery裏封裝了三個方法,$.get,$.post和$.ajax,其中$.ajax是返回原生的XMLHttpRequest對象,一般只用前兩個。
2. $.get裏面的回調函數有參數,第一個回調參數存有被請求頁面的內容,第二個回調參數存有請求的狀態。data存放的是請求壓面裏的context.Response.Write(userName + ":" + passWord)裏的內容!!!
3. 麻蛋註釋裏都有我為毛還要再復制一遍!
Ajax_Get.aspx:
1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Ajax_Get.aspx.cs" Inherits="_06_Ajax.ajax" %> 2 3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 4 <html xmlns="http://www.w3.org/1999/xhtml"> 5 <head runat="server"> 6 <title></title> 7</head> 8 <body> 9 <form id="form1" runat="server"> 10 <input type="button" name="name" value="顯示用戶" id="btnShow" /> 11 </form> 12 </body> 13 <script src="jquery1.11.3.js" type="text/javascript"></script> 14 <script type="text/javascript"> 15$(function () { 16 $("#btnShow").click(function () { 17 //$.get,$.post和$.ajax,其中$.ajax是返回原生的XMLHttpRequest對象,一般只用前兩個 18 //註意,$.get裏面的回調函數有參數,第一個回調參數存有被請求頁面的內容,第二個回調參數存有請求的狀態。data存放的是請求壓面裏的context.Response.Write(userName + ":" + passWord)裏的內容!!! 19 $.get("Ajax.ashx", { "userName": "wangwu", "passWord": "789" }, function (data, status) { 20 data = data.split(‘:‘); 21 alert("用戶名是:" + data[0] + " 密碼是:" + data[1] + " 狀態為:" + status); 22 }); 23 }) 24 }); 25 </script> 26 </html>
Ajax.ashx:
1 using System; 2 using System.Collections.Generic; 3 using System.Linq; 4 using System.Web; 5 6 namespace _06_Ajax 7 { 8 /// <summary> 9 /// ajax1 的摘要說明 10 /// </summary> 11 public class ajax1 : IHttpHandler 12 { 13 14 public void ProcessRequest(HttpContext context) 15 { 16 context.Response.ContentType = "text/plain"; 17 //string method = context.Request.HttpMethod();判斷請求方式,get還是post 18 //get和post都發送到這個ashx頁面,反正都是接受用戶名和密碼 19 string userName = context.Request["userName"]; 20 string passWord = context.Request["passWord"]; 21 //註意這裏有個冒號,jQuery裏才能用冒號把參數data分成兩部分用戶名和密碼 22 context.Response.Write(userName + ":" + passWord); 23 } 24 25 public bool IsReusable 26 { 27 get 28 { 29 return false; 30 } 31 } 32 } 33 }
ASP.NET學習筆記(6)——jQuery的Ajax基本操作