ajax,training my javascript!手写AJAX，用POST方法传值

普通的一个HTML～～～

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
        <title>无标题页</title>
        <script language="javascript" type="text/javascript">
        var httpXML;
        function createXMLObject()
        {
                if (window.ActiveXObject)
                {
                        httpXML=new ActiveXObject("Microsoft.XMLHTTP");

                }
                else if(window.XMLHttpRequest)
                {
                        httpXML=new XMLHttpRequest();
                }

}

        function startRequest()
        {
                createXMLObject();
                var query="yourname="+ document.getElementById("txtname").value;

                httpXML.onreadystatechange=handleEventStateChange;
                httpXML.open("POST","postData.aspx",true);
                httpXML.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")//这一句是关键，经过试验，这一句需要放在open后……

                httpXML.send(query);
        }

        function handleEventStateChange()
        {
                if (httpXML.readyState==4)
                {
                        if (httpXML.status==200)
                        {
                                //dosomething
                                alert(httpXML.responseText);
                        }

}

}
</script>
</head>
<body>
<input type="text" id="txtname" value="111" onblur="startRequest();" />
</body>
</html>

postData.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="postData.aspx.cs" Inherits="postData" %>

postData.aspx.cs

using System;

using System.Data;

using System.Configuration;

using System.Collections;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

public partial class postData : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

string requestquery = Request["yourname"].ToString();

//string requestquery=Request.Form["yourname"].ToString();
Response.Write("Welcome " + requestquery);

}

httpXML.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")//这一句是关键，经过试验，这一句需要放在open后……

转载于:https://blog.51cto.com/snowleung/367738

ajax,training my javascript!手写AJAX，用POST方法传值相关推荐

了解ajax工作原理及手写ajax
1.ajax工作原理工作原理: 创建XMLHttpRequest对象,发送异步请求,提供网页加载后在后台与服务器进行通信的方法,可在不刷新页面的情况下获得新数据 2.手写ajax原生代码手写原生a ...
[js] 手写一个trim()的方法
[js] 手写一个trim()的方法 function trim(str) { if (str[0] === ' ' && str[str.length - 1] === ' ') { ...
python画cpk图_TensorFlow MNIST手写数据集的实现方法
MNIST数据集介绍 MNIST数据集中包含了各种各样的手写数字图片,数据集的官网是:http://yann.lecun.com/exdb/mnist/index.html,我们可以从这里下载数据集. ...
JavaScript - 手写实现ajax 以及 ajax封装
1.应用场景主要用于与后端数据交互, 请求api获取数据, 实现页面的无刷新请求数据, 保证良好的用户体验. 2.学习/操作 1. 文档阅读 TBD 2. 整理输出 2.1 实践 1). 服务端AP ...
北风网ajax,[T8：JavaScript中利用Ajax实现客户端与服务器端通信北风网收费视频讲座.ppt...
[T8:JavaScript中利用Ajax实现客户端与服务器端通信北风网收费视频讲座 Ajax简介 XMLHttpRequest对象综合案例 1.HTTP请求现在,很多浏览器都可以直接从JavaS ...
JavaScript手写（持续更新）
类型判断主要是利用 Object.prototype.toString.call() ,其中toString方法返回反映这个对象的字符串. 如果此方法在自定义对象中未被覆盖,toString() 返 ...
【bind()函数】JavaScript手写bind()及详解-超详细~~~
这两天学习了手写call.apply.bind,手写bind思考了很久才实现了MDN的示例的结果,所以记录下来~ 因为是第一篇文章,所以可能存在一些错误,希望各位大佬批评指正,不吝赐教. 也欢迎不懂的 ...
【面试题】「中高级前端面试」JavaScript手写代码无敌秘籍
大厂面试题分享面试题库前端面试题库 (面试必备) 推荐:★★★★★ 地址:前端面试题库 1. 实现一个new操作符 new操作符做了这些事: 它创建了一个全新的对象. 它会被执行[[Proto ...
手写bind_深入理解 JavaScript 之手写 call, apply, bind 方法
这是老生常谈的手写了,今天想自己试着实现一下,做个笔记. call 方法 Function.prototype.myCall = function (context) { if (context == ...

ajax,training my javascript!手写AJAX，用POST方法传值

ajax,training my javascript!手写AJAX，用POST方法传值相关推荐

最新文章

热门文章