常用ajax请求

JQuery版本的ajax请求:(包括处理WebService中xml字符串)

 1             $.ajax({
 2                 type: "POST",
 3                 async: true,
 4                 url: "",
 5                 data: "",
 6                 success: function (data) {
 7                     data = data.replace("<string xmlns=\"http://tempuri.org/\">", "").                                   replace("<?xml version=\"1.0\" encoding=\"utf-8\"?>").                                   replace("</string>", "").replace("undefined", "").                                   replace(";", "").replace(/&lt;/g, ‘<‘).                                   replace(/&gt;/g, ‘>‘).replace("&lt", "<").                                   replace(/&amp;/g, "&").replace(/&amp/g, "&").                                   replace(/\n/g, "").                                   replace(/\r/g, "");
 8
 9                 },
10                 error: function () {
11
12                 },
13                 dataType: "html"
14             });

Js版本的ajax请求:

common.js

//由于浏览器版本不同影响Ajax不同,所以遇到不同的版本需要new不同的Ajax
//创建一个Ajax对象
function createXmlHttp() {
    var xhobj = false;
    try {
        xhobj = new ActiveXObject("Msxml2.XMLHTTP"); // ie msxml3.0+
    } catch (e) {
        try {
            xhobj = new ActiveXObject("Microsoft.XMLHTTP"); //ie msxml2.6
        } catch (e2) {
            xhobj = false;
        }
    }
    if (!xhobj && typeof XMLHttpRequest != ‘undefined‘) {// Firefox, Opera 8.0+, Safari
        xhobj = new XMLHttpRequest();
    }
    return xhobj;
}

正文:

get提交:

    <!--引进来Common.js -->
    <script src="Scripts/Common.js" type="text/javascript"></script>
    <script type= "text/javascript">
        var aj = false;

        window.onload = function () {
            //new一个Ajax
            aj = createXmlHttp();
        }

        //Ajax函数 GET提交
        function doAjax() {
            //打开连接
            //需要使用多个参数,第一个设置方法属性,第二个设置目标URL,第三个指定是同步(false)还是异步(true)发送请求
            var url = "";
            aj.open("GET", url, true);
            //设置回调函数[即:需要接受服务器返回的值]
            //读取状态改变
            aj.onreadystatechange = function () {
                alert(aj.readyState);
                if (aj.readyState >= 4) {
                    if (aj.status == 200) {//状态码为200正常响应

                    } else {

                    }
                }
            };
            //发送[get发送为空]
            aj.send(null);
        }
    </script>

post提交:

<script src="Scripts/Common.js" type="text/javascript"></script>
    <script type="text/jscript" >
        var aj = false;
        window.onload = function () {
            aj = createXmlHttp();
        }
        //Ajax函数 Post提交
        function doAjax() {
            var url = "Js_Login.aspx";
            //如果提交的值是中文,需要编码
            //encodeURI() 或 encodeURIComponent()
            var user = encodeURI(gel("txt").value); 

            var pwd = gel("pwd").value;
            var data = "user=" + user + "&pwd=" + pwd;
            //打开连接
            aj.open("POST", url, true);
            //需要设定请求头
            aj.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

            //回调函数
            aj.onreadystatechange = function () {
                if (aj.readyState >= 4) {
                    if (aj.status == 200) { //状态码为200正常响应
                       var txt = aj.responseText; //接受数据

                    }                     else {

                    }
                }
            }

            //发送数据[Post发送不能为空]
            aj.send(data);
        }
    </script>
时间: 2024-12-20 13:20:37

常用ajax请求的相关文章

论如何把JS踩在脚下 —— JQuery基础及Ajax请求详解

一.什么是JQuery? JQuery是一种JavaScript框架,是一堆大神搞出来的能够让前端程序猿敲更少代码.实现更多功能的工具(在此,跪谢各位JQuery开发大大们!!!).JQuery的使用给优化HTML文档操作.事件处理.动画设计和Ajax交互提供了巨大的便利.而且,其特有的链式语法也较与JS更为清晰. 二.JQuery入门 想要使用JQuery框架,就必须在html文档中导入JQuery插件,导入方式和日常导入外部JS文件的方式是相同的.但要注意,在同一html文档中插入多个外部J

[开源]jquery-ajax-cache:快速优化页面ajax请求,使用localStorage缓存请求

项目:jquery-ajax-cache 地址:https://github.com/WQTeam/jquery-ajax-cache     最近在项目中用到了本地缓存localStorage做数据的缓存. 1.简单说下localStorage localStorage和cookies相比,在浏览器中存储的容量更大.另外最大的特点是不会附带在http请求中传给后台,不会像cookies一样导致http头部变大影响传输性能.基于这个原因,localStorage适合缓存一些常用的数据,无需平凡的

全局的异常捕获过滤器 区分ajax请求 与浏览器导航请求

建一个类ExceptionAttribute 继承 HandleErrorAttribute 重写OnException 方法 里面代码: //1.0日志记录(文本日志和数据库日志) //拿到日志 Exception exe= filterContext.Exception; //获取当前exe的最详细信息 Exception inexe = exe.InnerException==null ? exe:exe.InnerException; while (inexe.InnerExceptio

PHP服务器文件管理器开发小结(三):使用jQuery提交AJAX请求

本节将讨论使用jQuery提交AJAX请求的基本方法,并完成显示首文件夹的基本方法. 同时,本节也将讨论使用图片链接提交请求的基本方法. jQuery是一套强大的JS库,将复杂的JS操作封装成简洁的语句,并提供对AJAX的支持.通过 jQuery AJAX 方法,您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本.HTML.XML 或 JSON - 同时您能够把这些外部数据直接载入网页的被选元素中.编写常规的 AJAX 代码并不容易,因为不同的浏览器对 AJAX 的实现

jquery的常用ajax操作

$.ajax() 定义和用法 ajax() 方法通过 HTTP 请求加载远程数据. 该方法是 jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax() 返回其创建的 XMLHttpRequest 对象.大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性.最简单的情况下,$.ajax() 可以不带任何参数直接使用. 注意:所有的选项都可以通过 $.ajaxSetup() 函数来全局设置. 语法 jQuery.ajax(

用JQuery的$.getJSON发起跨域Ajax请求

jQuery中常用getJSON来调用并获取远程的JSON字符串,将其转换为JSON对象,如果成功,则执行回调函数.原型如下: jQuery.getJSON( url, [data], [callback] )  跨域加载JSON数据.伊川县第二中学 url:     发送请求的地址 data : (可选) 待发送key/value参数 callback: (可选) 载入成功时的回调函数 主要用于客户端获取服务器JSON数据.简单示例: 服务器脚本,返回JSON数据: view source p

AJAX请求时status返回状态明细表

AJAX请求时status返回状态明细表 readyState的五种状态2010-03-04 18:24对于readyState的五种状态的描述或者说定义,很多Ajax书(英文原版)中大都语焉不详 在<Pragmatic Ajax A Web 2.0 Primer >中偶然看到对readyStae状态的介绍,感觉这个介绍很实在-- 比较理想的解释方法应该以"状态:任务(目标)+过程+表现(或特征)"的表达模式来对这几个状态进行定义 在<Pragmatic Ajax A

异步ajax请求数据处理

jQuery.ajax(url,[settings]) 概述 通过 HTTP 请求加载远程数据. jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax() 返回其创建的 XMLHttpRequest  对象.大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性. 最简单的情况下,$.ajax()可以不带任何参数直接使用. 注意,所有的选项都可以通过$.ajaxSetup()函数来全局设置. 回调函数 如果要处理$.aj

javascript中Ajax请求的封装代码

/****************************ajax请求 start**************************************/ function ajaxClass(_url, _successCallback, _failureCallback, _urlParameters, _callbackParams, _async, _charset, _timeout, _frequency, _requestTimes, _frame) { /** * AJAX