`

js ajax请求

    博客分类:
  • jsp
 
阅读更多

 javascript/js的ajax的POST请求:

 

<script type="text/javascript">
/* 创建 XMLHttpRequest 对象 */
var xmlHttp;
function GetXmlHttpObject(){
    if (window.XMLHttpRequest){
      // code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp=new XMLHttpRequest();
    }else{// code for IE6, IE5
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    return xmlhttp;
}
// -----------ajax方法-----------//
function getLabelsPost(){
    xmlHttp=GetXmlHttpObject();
    if (xmlHttp==null){
        alert('您的浏览器不支持AJAX!');
        return;
    }
    var url="http://www.lifefrom.com/t/"+Math.random();
    xmlhttp.open("POST",url,true);//true表示异步,false表示同步
    xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
       //设置header的Context-Type为application/x-www-form-urlencode确保服务器知道实体中有参数变量
    xmlhttp.send();
    xmlHttp.onreadystatechange=getLabelsOK;//发送事件后,收到信息了调用函数
}
function getOkPost(){
    if(xmlHttp.readyState==1||xmlHttp.readyState==2||xmlHttp.readyState==3){
        // 本地提示:加载中/处理中
                                                 
    }
    if (xmlHttp.readyState==4 && xmlHttp.status==200){
        var d=xmlHttp.responseText; // 返回值
        // 处理返回值
    }
}
</script> javascript/js的ajax的GET请求:
<script type="text/javascript">
/* 创建 XMLHttpRequest 对象 */
var xmlHttp;
function GetXmlHttpObject(){
    if (window.XMLHttpRequest){
      // code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp=new XMLHttpRequest();
    }else{// code for IE6, IE5
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    return xmlhttp;
}
// -----------ajax方法-----------//
function getLabelsGet(){
    xmlHttp=GetXmlHttpObject();
    if (xmlHttp==null){
        alert('您的浏览器不支持AJAX!');
        return;
    }
    var id = document.getElementById('id').value;
    var url="http://www.lifefrom.com?id="+id+"&t/"+Math.random();
    xmlHttp.open("GET",url,true);
    xmlHttp.onreadystatechange=favorOK;//发送事件后,收到信息了调用函数
    xmlHttp.send(null);//对于get方法由于参数放在url上,因此这里直接send(null)即可。post传递相关的参数即可
}
                   
function getOkGet(){
    if(xmlHttp.readyState==1||xmlHttp.readyState==2||xmlHttp.readyState==3){
        // 本地提示:加载中
                         
    }
    if (xmlHttp.readyState==4 && xmlHttp.status==200){
        var d= xmlHttp.responseText;
        // 处理返回结果
                           
    }
}
</script>
分享到:
评论

相关推荐

    Js拦截全局ajax请求

    在JavaScript开发中,有时我们需要对全局的Ajax请求进行拦截,以便进行统一的处理,比如添加统一的错误处理、数据格式化、性能监控等。这种需求通常可以通过“Ajax Hook”技术来实现。Ajax Hook允许我们捕获并修改...

    实例详解Android Webview拦截ajax请求

    在 Native 端,我们需要实现一个 JavaScript Interface,例如 onAjaxRequest 方法,该方法将接收 Fly.js 传来的请求对象,并完成真正的请求后,将响应对象通过 handler 返回给 Fly.js。 通过这种方式,我们就可以...

    javascript ajax请求,和接收服务器返回数据

    javascript ajax请求,和接收服务器返回数据

    jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法

    jquery中ajax请求后台数据成功后既不执行success也不执行error,此外系统报错:Uncaught SyntaxError: Unexpected identifier at Object.success,但后台能够返回数据,原代码如下: var source=[]; $.ajax({ ...

    解决js ajax同步请求造成浏览器假死的问题

    这样做允许浏览器在执行AJAX请求之前先执行页面上其他未被阻塞的JavaScript代码和渲染操作。通过这种方式,页面的UI线程不会被长时间阻塞,用户界面依然能够响应用户的操作。 总结一下,解决js ajax同步请求造成...

    chrome扩展插件获取ajax请求记录

    其中,获取Ajax请求记录是开发者调试过程中非常关键的一环,因为它可以帮助开发者检查数据的发送和接收情况,排查网络问题,以及理解应用程序的工作流程。 Chrome扩展插件就是一种增强浏览器功能的方式,它们可以...

    为jquery的ajax请求添加超时timeout时间的操作方法

    在现代Web开发中,使用jQuery进行Ajax请求是一种常见的操作。jQuery作为一个广泛使用的JavaScript库,简化了从客户端到服务器的数据交互,而Ajax超时的设置则是保证请求响应时效性的重要手段。当客户端向服务器发送...

    Jquery跨域Ajax请求测试

    在"JqueryWebServiceTestDemo"这个示例中,可能包含了完整的前端HTML、CSS和JavaScript文件,以及可能的服务端接口文档或示例代码,用于演示如何在实际项目中运用jQuery进行跨域Ajax请求。通过学习和运行这个示例,...

    Ajax发送请求js代码

    &lt;script type="text/javascript"&gt; function onerror() //错误处理方法 { alert("error"); } function getInfo() //发送请求方法,包括请求方法和请求参数以及路径。 { new net.AjaxRequest("Ajaxtest.jsp",...

    AJAX 请求完成时执行函数。Ajax 事件。

    在AJAX请求中,事件处理是非常关键的一部分,它允许我们控制请求的生命周期,并在特定阶段执行相应的函数。本文将深入探讨"AJAX请求完成时执行的函数"以及相关的Ajax事件。 1. **AJAX请求过程** AJAX请求通常包括...

    解决ajax请求后台,有时收不到返回值的问题

    jquery中ajax方法有个属性async用于控制同步和异步,默认是true,即ajax请求默认是异步请求,有时项目中会用到AJAX同步。这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出现

    extjs ajax同步请求所需js

    标题中提到的"extjs ajax同步请求所需js"是指ExtJS框架中用于执行同步Ajax请求的相关JavaScript代码。在ExtJS中,Ajax请求通常通过`Ext.Ajax`对象来实现。与传统的异步请求不同,同步请求会阻塞浏览器,直到请求完成...

    浏览器调试ajax请求

    本示例旨在帮助开发者调试针对Ajax请求的后台接口,确保它们能够正确处理跨域请求、支持Ajax方式并且能返回预期的数据。 首先,我们需要理解什么是跨域问题。由于浏览器的安全策略,同一源策略限制了JavaScript只能...

    在外部方法使用Ajax请求返回的数据

    在这个场景中,我们需要将通过Ajax请求获取的数据用于外部的JavaScript函数或脚本中。以下是如何实现这一目标的详细步骤和相关知识点: 1. **创建Ajax请求**: 使用jQuery中的`$.ajax()`函数,我们可以发起一个...

    HTML使用极简的方式通过ajax请求实现前后端交互代码实现

    jQuery是一个强大的JavaScript库,它简化了DOM操作,事件处理,动画效果以及,当然,包括AJAX请求。使用jQuery的$.ajax()函数,我们可以轻松地发起异步请求: ```javascript $.ajax({ url: 'your_server_endpoint'...

    快速解决ajax请求出错状态码为0的问题

    今天在使用 ajax 向后台请求数据时出现错误,提示状态码为 0 ,后台采用的是 spring mvc 架构。 状态码为0是什么意思呢?查找了下,原来它意味着 (未初始化)即没有调用到send()方法,我原来代码如下 : $.ajax...

    一个完整的jquery+ajax传送请求的实例

    本文将深入探讨一个完整的jQuery+AJAX传输请求的实例,旨在帮助开发者理解如何有效地使用这两种技术实现异步数据通信。 首先,jQuery是一个强大的JavaScript库,它为DOM操作、事件处理、动画效果和Ajax交互提供了...

    浅谈js的ajax的异步和同步请求的问题

    异步请求允许浏览器在发送Ajax请求后继续执行后续的JavaScript代码,不需要等待服务器响应。而同步请求则会使浏览器等待,直到收到服务器的响应后才继续执行后续代码。 在JavaScript中,异步请求是默认的执行模式。...

    解决Ajax 发送多个请求引发的并发问题

    然而,当需要发送多个Ajax请求时,可能会出现并发问题,导致数据处理混乱或者请求响应顺序不可控。本文将深入探讨这个问题,并提供解决方案。 一、并发问题的来源 1. 请求队列:浏览器为了防止过多并发请求导致...

Global site tag (gtag.js) - Google Analytics