AJax技术

WebFormaspx 页面通过 AJAX 访问WebFormaspxcs类中的方法,获取

字号+ 作者:H5之家 来源:H5之家 2017-09-11 18:07 我要评论( )

WebForm.aspx 页面通过 AJAX 访问WebForm.aspx.cs类中的方法,获取数据WebForm1.aspx 页面 (原生AJAX请求,写法一)%@ Page Language=

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代码都输出到页面。 } } }

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • js点击button按钮跳转到页面代码

    js点击button按钮跳转到页面代码

    2017-09-05 13:21

  • ajax服务器交互及页面渲染

    ajax服务器交互及页面渲染

    2017-08-30 18:01

  • https页面怎么ajax请求http,怎么能成功请求?

    https页面怎么ajax请求http,怎么能成功请求?

    2017-08-27 14:06

  • https页面怎么ajax请求http,怎么能成功请求?

    https页面怎么ajax请求http,怎么能成功请求?

    2017-08-27 14:06

网友点评