标签:XMLHttpRequest xmlHttpReq C# xhr AJAX HTML ashx context 对象
AJAX通过HTML请求C#一般处理程序
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> </head> <body> <input type="button" value="Ajax提交" onclick="Ajax()" /> <div id="resMsg"></div> <script> ////1.定义一个函数,通过该函数来异步获取信息 //function Ajax() { // //2.声明一个空对象来用装XMLHTTPRequest对象 // var xmlHttpReq = null; // //3.给XMLHTTPRequest对象赋值 // if (window.ActiveXObject) //IE5 IE6 是已ActiveXObject的方式引入XMLHTTPRequest对象 // { // xmlHttpReq = new ActiveXObjece("Microsoft.XMLHTTP"); // } // else if (window.XMLHttpRequest) //出IE5 IE6以外的浏览器,XMLHttpRequest是window的子对象 // { // xmlHttpReq = new XMLHttpRequest(); //实例化一个XMLHttpRequest // } // //4.实例化成功,使用Open方法初始化XMLHttpRequest对象,指定HTTP方法和要使用服务器的url // //xmlHttpReq.open("GET", "/ashx/NewOneAjax.ashx?id=17&name=" + window.encodeURIComponent("张三", true)); // xmlHttpReq.open("GET", "/ashx/NewOneAjax.ashx",true); // //调用open方法并采用异步方式 // //默认情况下,使用XMLHttpRequest对象发送的HTTP请求是异步进行的,但是可以显示地吧async参数设置为true // //5.因为要做一个异步调用 // xmlHttpReq.onreadystatechange = requestCallBack; //设置回调函数 // //6.使用Send方法发送该请求 // xmlHttpReq.send(null); //因为是Get提交,所以可以使用null作为参数调用 //} //function requestCallBack() //一旦readyState值改变,将会调用该函数 //{ // if (xmlHttpReq.readyState == 4) { // //status 响应状态 // if (xmlHttpReq.status == 200) { // //将xmlHttpReq.responseText的值赋予id为resMsg的元素 // document.getElementById("resMsg").innerHTML = xmlHttpReq.responseText; // } // } //} function Ajax() { //第一步,创建XMLHttpRequest对象 var xhr = null; if (typeof (XMLHttpRequest) != undefined) { xhr = new XMLHttpRequest(); } else { xhr = new ActiveXObject("Microsoft.XMLHttp"); } //第二部,设置异步回调函数。 xhr.onreadystatechange = function () { //xhr对象状态,0=已创建XMLHttpRequest对象,1=open,2=send,3=onready等待响应,4=成功。 if (xhr.readyState == 4) { //status 响应状态 if (xhr.status ==200) { document.getElementById("resMsg").innerHTML = xhr.responseText; //xhr.responseText 响应体 } } } //第三步,打开对象,设置请求方式和访问路径 xhr.open("Get", "/ashx/NewOneAjax.ashx", true); //第四步,send() xhr.send(null); }; </script> </body> </html>
请求后端
using System; using System.Collections.Generic; using System.Linq; using System.Web; namespace WebApplication1.ashx { /// <summary> /// NewOneAjax 的摘要说明 /// </summary> public class NewOneAjax : IHttpHandler { public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/plain"; context.Response.Write("Hello World"); //string id = context.Request["id"]; //string name = context.Request["name"]; //context.Response.Write(DateTime.Now.ToString() + "<br/>编号:" + id + "<br/>姓名:" + name); } public bool IsReusable { get { return false; } } } }
转载:https://www.cnblogs.com/han1982/p/4049642.html
标签:XMLHttpRequest,xmlHttpReq,C#,xhr,AJAX,HTML,ashx,context,对象 来源: https://www.cnblogs.com/chaonuanxi/p/10409717.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。