jquery的ajax是对原始的ajax进行的封装,方便用户的使用。下面用代码分别举例各自的使用方式。

  • jquery的ajax发送和接收xml数据格式。

        $.ajax({
    type: "PUT",
    beforeSend: function(xhr) {
    alert("xhr=" + xhr);
    m_szUserPwdValue = "YWRtaW46MTIzNDU=";
    xhr.setRequestHeader("If-Modified-Since", "0");
    xhr.setRequestHeader("Authorization", "Basic " + m_szUserPwdValue);
    },
    url:"./videoPathLoad", //请求路径
    processData: false,
    data: xmlDoc,
    success: function(xmlDoc, textStatus, xhr) {
    alert("xml = " + xml);
    SetPTZCallback(xhr);
    },
    error:function(xhr, textStatus) {
    alert("error");
    }
    });
  • jquery的ajax发送和接收json数据格式。
        $.ajax({
    type:"POST", //请求方式
    url:"./videoPathLoad", //请求路径
    cache: false,
    data:{//传参
    "operateType":"query",
    "deviceID":m_sDeviceID,
    "pathID":$("#selectPatrol").val()
    },
    dataType: 'json', //返回值类型
    success:function(json){
    $("#PatrolPresetList").empty();
    if(json != null){
    if(json.PresetID_1 != 0){InsertPresetList(1, json.PresetID_1, json.PatrolTime_1, json.PatrolSpeed_1)}
    }
    }
    });
  • 原始的ajax发送数据。
    //定义用于存储XMLHttpRequest对象的变量
    var xmlHttp = null; //创建XMLHttpRequest对象
    function creatXMLHTTP()
    {
    //判断浏览器是否支持ActiveX控件
    if(window.ActiveXObject)
    {
    //将所有可能出现的ActiveXObject版本都放在一个数组中
    var arrXmlHttpTypes = ['Microsoft.XMLHTTP','MSXML2.XMLHTTP.6.0',,'MSXML2.XMLHTTP.5.0','MSXML2.XMLHTTP.4.0','MSXML2.XMLHTTP.3.0','MSXML2.XMLHTTP'];
    //通过循环创建XMLHttpRequest对象
    for(var i=0;i<arrXmlHttpTypes.length;i++)
    {
    try
    {
    //创建XMLHttpRequest对象
    xmlHttp = new ActiveXObject(arrXmlHttpTypes[i]);
    //如果创建XMLHttpRequest对象成功,则跳出循环
    break;
    }
    catch(ex)
    {
    }
    }
    }
    //判断浏览器是否将XMLHttpRequest作为本地对象实现
    else if(window.XMLHttpRequest)
    {
    xmlHttp = new XMLHttpRequest();
    }
    } //响应XMLHttpRequest对象状态变化的函数
    function httpStateChange()
    {
    alert("xmlHttp.readyState=" + xmlHttp.readyState);
    if (xmlHttp.readyState==4)
    {
    if (xmlHttp.status==200 || xmlHttp.status==0)
    {
    switch (variable) {
    case 0:
    var node = document.getElementById("xlContainer");
    node.innerHTML = xmlHttp.responseText;
    break;
    case 1:
    alertWin(" 线路信息:", xmlHttp.responseText, 400, 330);
    break;
    } }
    }
    } //发送http请求
    function sendHttpReq(url)
    {
    //创建XMLHttpRequest对象
    creatXMLHTTP(); if (xmlHttp!=null)
    {
    //创建响应XMLHttpRequest对象状态变化的函数
    xmlHttp.onreadystatechange = httpStateChange;
    //创建HTTP请求
    xmlHttp.open("post",url,false,"admin","12345"); //发送HTTP请求
    xmlHttp.send(null);
    }
    else
    {
    alert("您的浏览器不支持XMLHTTP,请更换浏览器后再进行注册。");
    }
    } /*************************************************
    Function: SavePatrol
    Description: 发送http请求
    Input: 无
    Output: 无
    return: 无
    *************************************************/
    function SavePatrol() { var url = "./videoPathLoad";
    sendHttpReq(url); }

jquery的ajax和原始的ajax这两种方式的使用方法的更多相关文章

  1. ajax的data传参的两种方式

    ajax的data传参的两种方式 本文为转载. 1.[javascript] view plain copy /** * 订单取消 * @return {Boolean} 处理是否成功 */ func ...

  2. jquery ajax提交表单数据的两种方式

    http://www.kwstu.com/ArticleView/kwstu_201331316441313 貌似AJAX越来越火了,作为一个WEB程序开发者要是不会这个感觉就要落伍,甚至有可能在求职 ...

  3. ajax实现跨域访问的两种方式

    一.使用jsonp实现跨域请求 在前端开发这中你会发现,所有带src属性的标签都可以跨域访问其他服务器文件.jsonp实现的原理也是如此. 以jsonp的数据类型进行请求时,JQ会动态在页面中添加sc ...

  4. egg.js 通过 form 和 ajax 两种方式上传文件并自定义目录和文件名

    egg.js 通过 form 和 ajax 两种方式上传文件并自定义目录和文件名 评论:10 · 阅读:8437· 喜欢:0 一.需求 二.CSRF 校验 三.通过 form 表单上传文件 四.通过 ...

  5. Django学习——ajax发送其他请求、上传文件(ajax和form两种方式)、ajax上传json格式、 Django内置序列化(了解)、分页器的使用

    1 ajax发送其他请求 1 写在form表单 submit和button会触发提交 <form action=""> </form> 注释 2 使用inp ...

  6. Struts2实现ajax的两种方式

    基于Struts2框架下实现Ajax有两种方式,第一种是原声的方式,另外一种是struts2自带的一个插件. js部分调用方式是一样的: JS代码: function testAjax() { var ...

  7. Ajax中的get和post两种请求方式的异同

    Ajax中我们经常用到get和post请求.那么什么时候用get请求,什么时候用post方式请求呢? 在做回答前我们首先要了解get和post的区别.   1. get是把参数数据队列加到提交表单的A ...

  8. 【前台 ajax】web项目前台传递数组给后台 两种方式

    项目使用maven    springMVC 有需求 将前台的数组   在ajax中 送给后台 方式1: 前台代码:[注意:ajax中的属性---traditional:true,  ] 如果Post ...

  9. 转:Ajax中的get和post两种请求方式的异同

    1. get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到.post是通过HTTP post机制,将表单内各个字段与其内容放置在HTML ...

随机推荐

  1. 利用Echarts设计一个图表平台(一)

    Echarts是一款百度的开源图表库,里面提供了非常多的图表样式,我们今天要讲的内容是利用这一款开源js图表,制作一个能够动态定制的图表平台. 1)Echarts API介绍 首先我们先来看一下Ech ...

  2. 韩顺平细说Servlet视频系列之tom相关内容

    韩顺平细说Servlet视频系列之tom相关内容 tomcat部署项目操作(注意:6.0版本以后的支持该操作,5.x版本需要另外配置?待验证!) 项目发布到tomcat的webapps文件下,然后启动 ...

  3. L001-oldboy-mysql-dba-lesson01

          L001-oldboy-mysql-dba-lesson01 <sql应用重构>经典的书 ,思想,封顶境界! mysql下载页面: http://www.filewatcher ...

  4. ngx_cdecl

    ngx_cdecl 作为跨平台用,现在理解有限,以后补充 _cdecl 是C Declaration的缩写(declaration,声明),表示C语言默认的函数调用方法:所有参数从右到左依次入栈,这些 ...

  5. *HTML5 新元素

    HTML5 新元素 自1999年以后HTML 4.01 已经改变了很多,今天,在HTML 4.01中的几个已经被废弃,这些元素在HTML5中已经被删除或重新定义. 为了更好地处理今天的互联网应用,HT ...

  6. asp.net get server control id from javascript

    var WhateverValue = document.getElementById('<%= saveValue.ClientID %>').value

  7. pdf转chm的实现方法

    相比pdf, CHM电子书在Windows系统下不需要安装额外的浏览器即可进行阅读,其内容是基于浏览器的风格,更容易被用户所接受.而且, 具有更强大的功能配置,比如可提供强大的全文搜索.索引.书签等的 ...

  8. (转载)MS SQL Server 未公开的加密函数有哪些?

    MS SQL Server 未公开的加密函数有哪些? 以下的文章是对MS SQL Server 未公开的加密函数的具体操作,如果你对其相关的实际操作有兴趣的话,你就可以点击了. MS SQL Serv ...

  9. linux -- 启动时启动服务或者执行命令

    运行等级 首先,我们需要知道Linux系统关于运行等级的知识.在不同的linux系统上(例如ubuntu和Fedora)这些数字与和所代表的意义可能不同,但主要的有以下几个: 单用户模式. 多用户模式 ...

  10. 第1章 Git的版本控制之道

    版本控制系统(Version Control System,VCS)可以帮助我们记录和跟踪项目中各文件内容的修改变化. 1.1 版本库 版本库(Repository)是版本控制系统用来存储所有历史数据 ...