<script type="text/javascript">

        var xmlhttprequest;

        function GetXmlHttpRequest() {

            if (window.ActiveXObject) {

                try

                {

                    //适用于IE5 IE6

                    xmlhttprequest=new ActiveXObject("Microsoft.XMLHTTP");

                }

                catch(e)

                {

                    //适用于IE7 以上版本

                    xmlhttprequest=new ActiveXObject("Msxml2.XMLHTTP");

                }

            }

            if(window.XMLHttpRequest)

            {

                   //适用于所有的浏览器

                   xmlhttprequest=new XMLHttpRequest();

            }

            else

            {

                alert("对不起，您的浏览器不适用于AJAX");

            }

        }

        //执行操作

        function Operate() {

        {

            //先获取xmlhttprequest

            GetXmlHttpRequest();

            //POST传值

            //open方法（指定数据发送方式，处理页面，是否异步）创建一个新的http请求，并指定此请求的方法、URL以及验证等信息

            xmlhttprequest.open("POST", "DoOperate.ashx",true);

            //setRequestHeader(header, value)方法单独设定某个请求的HTTP头信息

            xmlhttprequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

            //状态发生事件（onreadyStateChange事件是在readyState属性发生改变时触发）

            xmlhttprequest.onreadystatechange=WatchChange;

            //发送数据

            xmlhttprequest.send("id=1001&name=holyknihgt");

            //GET传值【如果是POST传值需要设定RequestHeader，而Get传值不需要】

            //xmlhttprequest.open("Get", "DoOperate.ashx",true);

            //xmlhttprequest.send(null);

        }

        //状态监听

        function WatchChange()

        {

            //readyState

            //0:send方法还没有被调用

            //1:已经调用了send方法，请求还在处理

            //2:send方法已完成 整个应答已接收

            //3:正在解析应答

            //4:应答解析完成

            //status

            //200:表示交互成功

            //404：NOT Found

            //500：服务器内部错误

            if(xmlhttprequest.readyState==4 && xmlhttprequest.status==200)

            {

                //或许响应值

                var result = xmlhttprequest.responseText;

                //将响应值以‘，’分割

                result = result.split(',');

                //给id为resultMsg的控件赋值

                document.getElementById("resultMsg").innerHTML = "ID:"+result[0]+"  Name:"+result[1];

            }

        }

    </script>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <div id="resultMsg"></div>

        <input type="button" value="调用AJAX" onclick="Operate();" />

    </div>

    </form>

</body>

</html>

原生态Ajax实例的更多相关文章

  1. jQuery Ajax 实例 ($.ajax、$.post、$.get)

    jQuery Ajax 实例 ($.ajax.$.post.$.get) 转 Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的诧异了. ...

  2. JavaScript强化教程——jQuery AJAX 实例

    什么是 AJAX?AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML).简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据 ...

  3. jQuery AJAX实例

    <html><head><title>jQuery Ajax 实例演示</title></head><script language= ...

  4. C#中jQuery Ajax实例（二）

    上一篇写了一个简单的Ajax异步程序,这一次同样是简单的程序,只不过这次先把参数传到一般处理程序(后缀为ashx)中,再把结果传回到页面. 1.html代码: <html xmlns=" ...

  5. C#中jQuery Ajax实例（一）

    目标:在aspx页面输入两参数,传到后台.cs代码,在无刷新显示到前台 下面是我的Ajax异步传值的第一个实例 1.前台html代码: <html xmlns="http://www. ...

  6. jQuery Ajax 实例 ($.ajax、$.post、$.get)【转载】

    本文转载自:http://jun1986.iteye.com/blog/1399242 Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的 ...

  7. jQuery Ajax 实例 ($.ajax、$.post、$.get)转

    Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的诧异了. 推荐一篇不错的jQuery Ajax 实例文章,忘记了可以去看看,地址为:ht ...

  8. 向后台提交数据：通过form表单提交数据需刷新网页 但通过Ajax提交数据不用刷新网页可通过原生态Ajax或jqueryAjax。Ajax代码部分

    原生态Ajax提交表单:需要借助XMLHttpRequest对象的open,要收通过post发送请求还要setRequsetHeader,然后把数据发送给后端,代码如下 目录结构 index.py代码 ...

  9. jquery ajax实例教程和一些高级用法

    jquery ajax的调用方式:jquery.ajax(url,[settings]),jquery ajax常用参数:红色标记参数几乎每个ajax请求都会用到这几个参数,本文将介绍更多jquery ...

随机推荐

  1. Unity3D 中3D刚体组件的力

    一般一个物体除了手动添加刚体受到重力作用外,还可以给该刚体添加一个其他的力. 这里就要涉及到一个恒定力(Constant Force)组件 首先要去掉物体的重力(因为重力是刚体组件中默认的一个向下的力 ...

  2. Sql面试常考题(持续添加)

    最近萌生换工作的念头,于是上网下载了一些公司的面试题,重新看了面试题中的Sql部分,这些查询题有时候只是兜一个弯角来考,对于给EF惯坏的孩子来说还是有点难度的(给面试官鄙视了几下的结果),所以列出最近 ...

  3. 20151214 jquery插件代码备份

    ;(function ($) { //局部性的 /*$.fn.extend({ 'nav' : function (color) { $(this).find('.nav').css({ 'list- ...

  4. android 6.0特性翻译 --渣渣

    所有关于Android 6.0 棉花糖的知识 上下文帮助 1.现在按压:不需要离开你正在运行的app或者访问的网站就可 获取帮助,仅仅触摸和按下Home按钮.(长按Home键,可以在 android ...

  5. Excel表数据导入数据库表中

    ***Excel表数据导入到数据库表中 通过数据库表的模板做成‘Excel’表的数据导入到数据库相应的表中(注意:主表 和 从表的关系,要先导‘主表’在导入从表) 过程:通过数据库的导入工具—先导入为 ...

  6. OC - 5.内存管理

    一.引用计数器 1> 栈和堆 栈 ① 主要存储局部变量 ② 内存自动回收 堆 ① 主要存储需要动态分配内存的变量 ② 需要手动回收内存,是OC内存管理的对象 2> 简介 作用 ① 表示对象 ...

  7. 10.10_魔兽账号,OSC代码托管演示,研究SQL别忘记了,git

    (1)juedui8456juedui456chixin0769魔兽世界账号112288 (2)EasyXls.开源中国推出 PaaS@OSC 代码演示和运行平台.git.oschina.coding ...

  8. UVA 11584 Paritioning by Palindromes（动态规划 回文）

    题目大意:输入一个由小写字母组成的字符串,你的任务是把它划分成尽量少的回文串.比如racecar本身就是回文串:fastcar只能分成7个单字母的回文串:aaadbccb最少可分成3个回文串:aaa. ...

  9. Android中View绘制流程以及invalidate()等相关方法分析（转载的文章，出处在正文已表明）

    转载请注明出处:http://blog.csdn.net/qinjuning 前言: 本文是我读<Android内核剖析>第13章----View工作原理总结而成的,在此膜拜下作者 .同时 ...

  10. ASP.NET的GET和POST方式的区别归纳总结

    表单提交中,ASP.NET的Get和Post方式的区别归纳如下 几点: 1. get是从服务器上获取数据,post是向服务器传送数据. 2.  get是把参数数据队列加到提交表单的ACTION属性所指 ...