精华内容
下载资源
问答
  • ajax发送请求

    2017-03-13 18:34:13
    javascript可以发送网络请求,而ajax对其进行了封装。以下是ajax发送请求实例$("#"+form).ajaxSubmit({ url: path, type: 'POST', dataType: 'xml', success: function (xmlDoc) { var retCode = $(xmlDoc).fi

    javascript可以发送网络请求,而ajax对其进行了封装。

    以下是ajax发送请求实例

    $("#"+form).ajaxSubmit({
          url: path,
          type: 'POST',
          dataType: 'xml',
          success: function (xmlDoc) {
              var retCode = $(xmlDoc).find('suess').text();
              if(retCode=="1")
              {
                  alert("添加成功");
              }else if(retCode=="0")
              {
                  alert("添加失败");    
              }else
              {
                  alert(retCode);
              }
          },//submit success
    
          error: function (data)
          {
              alert("添加失败");
          }
    }); //ajaxSubmit
    展开全文
  • AJAX发送请求

    2013-05-13 16:45:57
    AJAX - 向服务器发送请求 XMLHttpRequest 对象用于和服务器交换数据。 向服务器发送请求 如需将请求发送到服务器,我们使用 XMLHttpRequest 对象的 open() 和 send() 方法: xmlhttp.open("GET","test1....

    AJAX - 向服务器发送请求

    XMLHttpRequest 对象用于和服务器交换数据。

    向服务器发送请求

    如需将请求发送到服务器,我们使用 XMLHttpRequest 对象的 open() 和 send() 方法:

    xmlhttp.open("GET","test1.txt",true);
    xmlhttp.send();
    
    方法 描述
    open(method,url,async)

    规定请求的类型、URL 以及是否异步处理请求。

    • method:请求的类型;GET 或 POST
    • url:文件在服务器上的位置
    • async:true(异步)或 false(同步)
    send(string)

    将请求发送到服务器。

    • string:仅用于 POST 请求

    GET 还是 POST?

    与 POST 相比,GET 更简单也更快,并且在大部分情况下都能用。

    然而,在以下情况中,请使用 POST 请求:

    • 无法使用缓存文件(更新服务器上的文件或数据库)
    • 向服务器发送大量数据(POST 没有数据量限制)
    • 发送包含未知字符的用户输入时,POST 比 GET 更稳定也更可靠


    GET 请求

    一个简单的 GET 请求:

    xmlhttp.open("GET","demo_get.asp",true);
    xmlhttp.send();
    

    亲自试一试

    在上面的例子中,您可能得到的是缓存的结果。

    为了避免这种情况,请向 URL 添加一个唯一的 ID:

    xmlhttp.open("GET","demo_get.asp?t=" + Math.random(),true);
    xmlhttp.send();
    

    亲自试一试

    如果您希望通过 GET 方法发送信息,请向 URL 添加信息:

    xmlhttp.open("GET","demo_get2.asp?fname=Bill&lname=Gates",true);
    xmlhttp.send();
    

    亲自试一试

    POST 请求

    一个简单 POST 请求:

    xmlhttp.open("POST","demo_post.asp",true);
    xmlhttp.send();
    

    亲自试一试

    如果需要像 HTML 表单那样 POST 数据,请使用 setRequestHeader() 来添加 HTTP 头。然后在 send() 方法中规定您希望发送的数据:

    xmlhttp.open("POST","ajax_test.asp",true);
    xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    xmlhttp.send("fname=Bill&lname=Gates");
    

    亲自试一试

    方法 描述
    setRequestHeader(header,value)

    向请求添加 HTTP 头。

    • header: 规定头的名称
    • value: 规定头的值

    url - 服务器上的文件

    open() 方法的 url 参数是服务器上文件的地址:

    xmlhttp.open("GET","ajax_test.asp",true);

    该文件可以是任何类型的文件,比如 .txt 和 .xml,或者服务器脚本文件,比如 .asp 和 .php (在传回响应之前,能够在服务器上执行任务)。

    异步 - True 或 False?

    AJAX 指的是异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。

    XMLHttpRequest 对象如果要用于 AJAX 的话,其 open() 方法的 async 参数必须设置为 true:

    xmlhttp.open("GET","ajax_test.asp",true);

    对于 web 开发人员来说,发送异步请求是一个巨大的进步。很多在服务器执行的任务都相当费时。AJAX 出现之前,这可能会引起应用程序挂起或停止。

    通过 AJAX,JavaScript 无需等待服务器的响应,而是:

    • 在等待服务器响应时执行其他脚本
    • 当响应就绪后对响应进行处理

    Async = true

    当使用 async=true 时,请规定在响应处于 onreadystatechange 事件中的就绪状态时执行的函数:

    xmlhttp.onreadystatechange=function()
      {
      if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
        document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
        }
      }
    xmlhttp.open("GET","test1.txt",true);
    xmlhttp.send();
    

    亲自试一试

    您将在稍后的章节学习更多有关 onreadystatechange 的内容。

    Async = false

    如需使用 async=false,请将 open() 方法中的第三个参数改为 false:

    xmlhttp.open("GET","test1.txt",false);

    我们不推荐使用 async=false,但是对于一些小型的请求,也是可以的。

    请记住,JavaScript 会等到服务器响应就绪才继续执行。如果服务器繁忙或缓慢,应用程序会挂起或停止。

    注释:当您使用 async=false 时,请不要编写 onreadystatechange 函数 - 把代码放到 send() 语句后面即可:

    xmlhttp.open("GET","test1.txt",false);
    xmlhttp.send();
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;


    AJAX 用于创造动态性更强的应用程序。

    AJAX ASP/PHP 实例

    下面的例子将为您演示当用户在输入框中键入字符时,网页如何与 web 服务器进行通信:

    请在下面的输入框中键入字母(A - Z):

    姓氏:

    建议:

    亲自试一下源代码



    实例解释 - showHint() 函数

    当用户在上面的输入框中键入字符时,会执行函数 "showHint()" 。该函数由 "onkeyup" 事件触发:

    function showHint(str)
    {
    var xmlhttp;
    if (str.length==0)
      {
      document.getElementById("txtHint").innerHTML="";
      return;
      }
    if (window.XMLHttpRequest)
      {// code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp=new XMLHttpRequest();
      }
    else
      {// code for IE6, IE5
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    xmlhttp.onreadystatechange=function()
      {
      if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
        document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
        }
      }
    xmlhttp.open("GET","gethint.asp?q="+str,true);
    xmlhttp.send();
    }
    

    源代码解释:

    如果输入框为空 (str.length==0),则该函数清空 txtHint 占位符的内容,并退出函数。

    如果输入框不为空,showHint() 函数执行以下任务:

    • 创建 XMLHttpRequest 对象
    • 当服务器响应就绪时执行函数
    • 把请求发送到服务器上的文件
    • 请注意我们向 URL 添加了一个参数 q (带有输入框的内容)

    展开全文
  • 在前端通过ajax发送请求和后端使用HttpClient发送请求看似没有什么区别,因为两者发送的都是HTTP请求或者HTTPS请求,而使用HttpClient发送的请求本身也是在模拟浏览器的行为,但有时通过前端发送ajax请求第三方平台...

        在前端通过ajax发送请求和后端使用HttpClient发送请求看似没有什么区别,因为两者发送的都是HTTP请求或者HTTPS请求,而使用HttpClient发送的请求本身也是在模拟浏览器的行为,但有时通过前端发送ajax请求第三方平台的接口可行,但是通过HttpClient的方式却不行,为什么呢?

        原因在于:通过ajax发送的请求是前端发送的请求,其请求的ip是浏览器所在机器的局域网分配的;而使用HttpClient发送的请求是后端请求,其请求的ip是提供服务的服务器的ip。一般而言,第三方平台的服务器都会有白名单的访问限制,在开发的时候添加的白名单一般是公司局域网的白名单,也就是说只有通过公司的局域网才能访问第三方的服务接口,所以在开发环境下通过ajax或者HttpClient的方式都是可行的,因为开发环境下的服务器一般连接的是公司的内网;但是到了生产环境使用HttpClient的方式就不行了,因为大部分公司的生产服务器都是租赁的,其ip并不是通过公司的局域网分配的,而是由服务器提供商分配的,这时第三方平台的白名单就会限制生产服务器的访问

        解决方案:

            1、将HttpClient改为ajax的方式请求

            2、将生产的ip和端口加入白名单

            

    展开全文
  • 在前端通过ajax发送请求和后端使用HttpClient发送请求看似没有什么区别,因为两者发送的都是HTTP请求或者HTTPS请求,而使用HttpClient发送的请求本身也是在模拟浏览器的行为,但有时通过前端发送ajax请求第三方平台...

    本文转载自:https://www.2cto.com/kf/201806/751743.html
    内容如下:
    在前端通过ajax发送请求和后端使用HttpClient发送请求看似没有什么区别,因为两者发送的都是HTTP请求或者HTTPS请求,而使用HttpClient发送的请求本身也是在模拟浏览器的行为,但有时通过前端发送ajax请求第三方平台的接口可行,但是通过HttpClient的方式却不行,为什么呢?

    原因在于:通过ajax发送的请求是前端发送的请求,其请求的ip是浏览器所在机器的局域网分配的;而使用HttpClient发送的请求是后端请求,其请求的ip是提供服务的服务器的ip。一般而言,第三方平台的服务器都会有白名单的访问限制,在开发的时候添加的白名单一般是公司局域网的白名单,也就是说只有通过公司的局域网才能访问第三方的服务接口,所以在开发环境下通过ajax或者HttpClient的方式都是可行的,因为开发环境下的服务器一般连接的是公司的内网;但是到了生产环境使用HttpClient的方式就不行了,因为大部分公司的生产服务器都是租赁的,其ip并不是通过公司的局域网分配的,而是由服务器提供商分配的,这时第三方平台的白名单就会限制生产服务器的访问。

    解决方案:

    1、将HttpClient改为ajax的方式请求

    2、将生产的ip和端口加入白名单

    展开全文
  • Django Ajax发送请求使用方法

    千次阅读 2019-06-25 08:36:09
    首先需要引入Jquery这个库 其次: ...最后,就是正常执行ajax发送请求 示例代码如下: <script src="/static/js/jquery.js"></script> <script> /*绑定submit方法*/ $...
  • jquery ajax发送请求实例模板

    千次阅读 2017-10-04 15:39:14
    jquery ajax发送请求实例模板是为了方便各位快速的学会如何使用 jquery ajax技术实现异步请求,下面就来开始学习吧。 1:ajax发送get请求,有三种形式,一种是$.ajax({});另外两种是$.getJSON(url,function)和$....
  • ajax发送请求的一般步骤:`function sendXml(url) { //1、创建XMLHttpRequest实例对象 var xmlHTTP = new XMLHttpRequest(); //2、创建链接并设置请求方式:一共四种请求方式,get post put propfind xmlHTTP.open...
  • AJAX发送请求(GET方式)

    千次阅读 2018-05-16 19:27:58
    AJAX请求 首先我们看一下效果 ...接下来我们进入AJAX部分。 ...AJAX 是一种在无需重新加载整个网页的情况...这里介绍一下AJAX发送请求(GET) 首先我们看一下效果 当用户名已经存在时 当用户名不存在于数据...
  • jquery 循环调用ajax发送请求

    千次阅读 2014-09-01 15:20:47
    jquery 循环调用ajax发送请求,如果用 for
  • AJAX发送请求(POST方式)

    千次阅读 2018-05-16 20:03:45
    这里介绍一下AJAX发送请求(POST) POST比GET提交方式更安全,不会在网址中显示信息 首先我们看一下效果 常见场景:输入用户名和密码 在用户登录时,这是最常见的用法。接下来,我们看看代码吧。 首先,...
  • Ajax发送请求的四个步骤

    千次阅读 2019-06-15 12:41:26
    <script type="text/javascript"> window.onload = function(){ var btn = document.getElementById('btn');... //使用Ajax发送请求需要如下几步 //1、创建XMLHttpRequest(); var xhr =...
  • 权限拦截很常用,但是遇到了一个问题,使用ajax发送请求时,后端跳转不成功。 struts2 老项目。 后来研究了下,因为ajax是异步请求,所以返回的数据当做了普通的文本进行解析了。, 并没有进行真正的页面跳转。 ...
  • js通过ajax发送请求赋值全局变量

    千次阅读 2017-09-22 10:18:16
    昨天通过ajax发送请求后返回的返回值要给他赋值给全局变量,但是一直都赋值不了。后来发现了原来ajax本身默认是异步请求的,只需要把它变更为同步请求即可赋值给全局变量。 $.ajax({ type : "get", //请求方式 ...
  • 今天改前台代码的时候,用ajax发送请求到我的路径时,直接写了路径没有加项目名称,这样子在本地没有问题,但是在服务器上就会出错,因为访问服务器的应用时,需要加上应用名称,而自己写的路劲没有接项目名,就会报...
  • ajax 发送请求时获取不到cookie中的JSSESSIONID 在ajax请求时添加withCredentials, 请求就能带上cookie xhrFields: { withCredentials: true // 这里设置了withCredentials } $.ajax({ url:...
  • 解决ajax发送请求参数数据量大的问题 在开发中遇到需要用到ajax从前台传大量数据到后台的的处理操作。需要进行三个方面的改动:(1)前台(2)后台(3)Tomcat。总结要点如下: 一、前台: 1. 使用jQuery提供的 $...
  • 1、ajax发送请求参数设置 $.ajax({ global: false,/*默认为true,是否为该请求触发全局Ajax事件处理程序。设置为false,以防止触发诸如ajaxStart或ajaxStop之类的全局处理程序。这可以用来控制各种Ajax事件。*/ ...
  • 坑1:ajax发送请求乱码无法导出excel文件,因为文件是二进制格式,ajax最终会将返回的数据解析成json,所以导致乱码。 坑2:通过form表单发送post请求,后端接口不要用 @RequestParam 和 @RequestBody 修饰 原因:...
  • 原生ajax发送请求得到json数据并渲染到table上 前言 本次例子只是一个小案例,首先我是使用php+mysql+Apache服务器写后端的,通过php查询mysql数据库中的数据,并将其转换为JSON格式。然后前端通过ajax发起 ‘GET’ ...
  • 在最近的API开发中,多以这种形式提供接口,前端JS通过ajax发送请求。两者只通过一个地址相关联。
  • 【问题】:使用spingmvc,在JS里面通过ajax发送请求,并返回json格式的数据;从数据库拿出来是正确的中文格式,展示在页面上就是乱码。乱码格式都是???后台断点调试:中文格式正常显示。前端控制台显示:【原因】...
  • 1.ajax 发送请求参数类型contentType 是客户端到服务器端(默认值: "application/x-www-form-urlencoded")。发送信息至服务器时内容编码类型。默认值适合大多数情况。如果你明确地传递了一个 content-type 给 $....
  • 发送HTTP请求不外乎两种方式:前端的Ajax与后端的HttpClient。 两者的目的是一样的,就是通过HTTP请求与目标服务端进行交互。 但是这两者有什么区别呢,由我今天遇到的一个问题说起。 背景:服务器A和服务器B是在...
  • Ajax的介绍: 1.概念:AJAX是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。 2.使用和不使用Ajax的区别:使用Ajax和不使用Ajax都可以更新网页上的数据,...发送请求</button> <script>
  • 1 当请求ajax发送的,而不是浏览器的某个页面发送的时候,请求转发和重定向就会失效 2 请求转发和重定向的值,会被传回ajax。response 的值也会被ajax接受。 3 如果想要实现跳转,可以在ajax 中操作返回来的界面...
  • 使用AJAX向后台发送请求时,页面跳转失效 原文链接:https://www.cnblogs.com/alice-cj/p/11511790.html 原因:Ajax只是利用脚本访问对应url获取数据而已,不能做除了获取返回数据以外的其它动作了。所以浏览器端...
  • ajax发送请求乱码

    千次阅读 2015-09-21 23:58:13
    ajax发送端应该把包含有中文参数的url编码2次如下: var url="savePoints.jsp?lng="+lng+"&lat="+lat+"&high="+altitude+"&address="+address+"&info="+info+"×tamp="+new Date().getTime(); url=encodeURI...
  • 第一次进入页面的时候,默认绑定了所有的数据,点击页面分类时,ajax发送请求到后台,后台更具请求参数重新绑定repeater数据源,但是页面显示内容仍然不变. 页面: $.ajax({ url: "<%= Request.FilePath%>?do=...
  • ajax 发送请求无法重定向

    万次阅读 2017-05-11 20:37:58
    ajax 是默认就是不支持重定向的,它是局部刷新,不重新加载页面。
  • 记一次Bug,最近在使用springmvc+mybatis整合实现简单的登录功能,但是在使用ajax发送请求后,controller接收到并且返回给前台数据后,不执行success中设置的window.location.href来跳转界面 以下为问题代码 $...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 21,634
精华内容 8,653
关键字:

ajax发送请求