WebFormaspx 页面通过 AJAX 访问WebFormaspxcs类中的方法，获取_H5之家

WebForm.aspx 页面通过 AJAX 访问WebForm.aspx.cs类中的方法，获取数据

WebForm1.aspx 页面 (原生AJAX请求，写法一)

<%@ Page Language=AutoEventWireup=CodeBehind=Inherits=%> <!DOCTYPE html PUBLIC > <html xmlns=> <head runat=> <title></title> <script src=type=></script> <script type=> function btnClick() { var xmlhttp = new XMLHttpRequest(); if (!xmlhttp) { alert(); returnfalse; } xmlhttp.open(, , true); xmlhttp.setRequestHeader(, ); xmlhttp.onreadystatechange = function () { if (xmlhttp.readyState == 4) { if (xmlhttp.status == 200) { var str = xmlhttp.responseText; // 通过alert(str)得知 str={"Json":[{"Id":"1","UserName":"张三","Age":"25","Gender":"0"}]} obj = $.parseJSON(str); name = obj.Json[age = obj.Json[0].Age; document.getElementById().innerHTML = name; document.getElementById().innerHTML = age; } else { alert(); } } } xmlhttp.send(); } </script> </head> <body> <form id=runat=> <div> <table id=border=> <tr><td>姓名</td><td>年龄</td></tr> <tr><td id=></td><td id=></td></tr> </table> <input type=>"/> </div> </form> </body> </html>

WebForm1.aspx 页面 (AJAX请求，写法二,一般情况下我们用这种)

<head runat=> <title></title> <script src=type=></script> <script type=> function btnClick() { $.ajax({ url: , type: , dataType: , //请求到服务器返回的数据类型 data: { : }, success: function (data) { name = obj.Json[0].UserName; var age = obj.Json[0].Age; document.getElementById().innerHTML = name; document.getElementById().innerHTML = age; } }) } </script> </head> <body> <form id=runat=> <div> <table id=border=> <tr><td>姓名</td><td>年龄</td></tr> <tr><td id=></td><td id=></td></tr> </table> <input type=>"/> </div> </form> </body> </html>

WebForm1.aspx.cs

如果你是try...catch里面使用了Response.End()的话，会被捕捉到一个异常:线程被中止" 解决方法：请点击

using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Data.SqlClient; using System.Data; namespace IsPostBack { WebForm1 : System.Web.UI.Page { protectedvoid Page_Load(object sender, EventArgs e) { ]; (!string.IsNullOrEmpty(id)) // 如果不是通过ajax 请求提交数据就不会进入花括号来调用GetUserData(string id) 方法 { GetUserData(id); //如果是通过ajax请求提交数据，就会进入花括号来调用GetUserData(string id) 方法 } } void GetUserData(string id) { DataTable dt= SqlHelper.ExecuteDataTable(, , id)); , dt); Response.Write(data); Response.End(); //将当前所有缓冲的输出发送到客户端，停止该页的执行，如果没有这一步的话，程序还会往后执行，除了把data输出到客户端之外，还会将webForm1.aspx里面的html代码都输出到页面。 } } }