用Ajax发送请求到服务器端有Get跟Post两种方式:
GET:
xmlhttp.open("GET","demo_get.asp?fname=Henry&lname=Ford",true); xmlhttp.send();
用Get的方式发送,要把参数编辑到URL中。用“?”隔离文件地址,用“&”分隔各个参数。
POST:
xmlhttp.open("POST","demp_post.asp",true); xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); xmlhttp.send("fname=Henry&lname=Ford");
function send(arg) { CreateXMLHttpRequest(); xmlhttp.onreadystatechange = callhandle; //xmlhttp.open("GET","Default.aspx?goback=yes&arg=" + arg,true); xmlhttp.open("POST","Default.aspx?goback=yes",true); xmlhttp.setRequestHeader("Content-Length",arg.lenght); xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;"); //用POST的时候一定要有这句 xmlhttp.send(arg); // arg ist a JSON object or some other object }
用Post发送,需要在send函数中指定发送的参数(如果没有参数,send(null))。另外还需要设置头信息。
相比POST,用Get方式发送request更快,更简单。但是在以下的集中情况中,应该用POST来发送Request:
- A cached file is not an option (update a file or database on the server)
- Sending a large amount of data to the server (POST has no size limitations)
- Sending user input (which can contain unknown characters), POST is more robust and secure than GET
Asynchronous - True or False?
XMLHttpRequest.open("GETorPost",url,Asynchronous)中最后一个参数表示是否是异步处理(true,false)。
如果Asynchronous=true,则表示,回调函数将会在Server端的Response正确返回的时候再执行:
xmlhttp.onreadystatechange=function() { if(xhr.readyState==4){ if(xhr.status==200){ doSomething(); } } xmlhttp.open("GET","ajax_info.txt",true); xmlhttp.send();
如果Asynchronous=false(不推荐),JS代码不会继续运行,直到服务器已经有响应。需要注意的是,如果服务器因为某种原因响应缓慢,或者长时间没有相应,将导致页面卡顿甚至卡死。
在用false做参数的情况下,不需要写onreadystatechange function,只需要将要执行的动作放到send函数之后即可
xmlhttp.open("GET","ajax_info.jsp",false); xmlhttp.send(); document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
相关推荐
"Ajax中Get和Post请求的区别" Ajax作为异步JavaScript和XML的简写,是一种创建交互式网页的技术。其中,Get和Post是两种常用的HTTP请求方法,尽管它们都是用于将数据从客户端发送到服务器端,但是它们之间存在着很...
封装jquery ajax方法,方便调用,避免在代码中频繁使用 $.ajax({ type: 'GET', url: url, ...... )}; 统一调用公共方法即可,区分同步异步,get post!希望对大家有帮助
Ajax 发送请求时,get 请求的参数必须是 null 或 xhr.send(),否则可能会自动转换成 post 请求方式。可以通过 request.getMethod() 方法获取请求的方式。 实例代码: function getAjax(){ //获取 xhr 对象 var ...
**AjaxRequest(Ajax使用包)** Ajax,全称Asynchronous JavaScript and XML(异步JavaScript和XML),是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。AjaxRequest是实现Ajax功能的一个工具包,它...
在EXTJS库中,`Ext.Ajax.request`是用于发送Ajax请求的核心方法,它支持异步和同步操作。本文将详细解析如何利用`Ext.Ajax.request`实现同步请求,并探讨其背后的原理和注意事项。 首先,我们需要理解Ajax的本质,...
jsp+ajax 发送 GET 请求的方法 本文主要介绍了 jsp+ajax 发送 GET 请求的方法,包含了 Ajax 数据的发送与 JSP 文件的处理技巧。下面是详细的知识点: 一、Ajax 发送 GET 请求 Ajax 发送 GET 请求是通过创建 ...
本文将详细讲解如何使用Ajax以GET和POST方式调用WCF服务,包括带参数和不带参数的情况。 首先,我们需要理解Ajax的基本原理。Ajax通过JavaScript创建XMLHttpRequest对象,然后利用这个对象与服务器进行异步通信。...
这段代码展示了如何使用`Ajax.Request`类来发起一个GET请求,并且在请求完成后调用`showResponse`函数来处理响应数据。具体来说: 1. **选择员工和年份**:通过`$F`函数获取表单元素的值,这里的`lstEmployees`和`...
在EXTJS框架中,`Ext.Ajax.request`是进行异步AJAX通信的核心方法,它提供了与服务器端交互的能力,支持GET、POST等多种HTTP请求方式。这篇文章将深入探讨`Ext.Ajax.request`的使用,以及在实际应用中可能遇到的小...
5. **服务器端处理**:在服务器端,GET请求的数据可以通过`Request.QueryString`获取,而POST请求的数据则通过`Request.Form`获取。 #### 五、应用场景分析 - **GET方法适用于**: - 查询操作,例如搜索功能。 -...
AJAXRequest提供了`send`方法来发送请求。如果是POST请求,可以传递数据参数: ```javascript request.send(); // 或 request.send({key1: 'value1', key2: 'value2'}); ``` ### 4. 处理响应 AJAXRequest提供了`...
本文将详细讲解Prototype库中的两个关键Ajax方法:`Ajax.Request`和`Ajax.PeriodicalUpdater`。 ### 1. Ajax.Request `Ajax.Request`是Prototype库中最基础的Ajax请求方法,它允许开发者发起HTTP请求与服务器进行...
### 使用AJAX的GET和POST方法调用Servlet的详尽解析 #### 一、引言 在现代Web开发中,异步JavaScript与XML(AJAX)技术被广泛应用于实现无刷新更新网页的部分内容,极大地提升了用户体验。AJAX通过在后台与服务器...
例如,在postTest1视图中,可以通过`request.POST['key']`获取POST提交的数据。由于POST请求的数据在HTTP包的包体中,因此它更适合用于处理敏感数据或传输大量数据,这样能够确保数据不会出现在浏览器地址栏中。 ...
1. **传输数据的位置**:GET方法通过URL传递参数,而POST方法将数据放在请求体中发送。 2. **安全性**:由于GET请求的数据暴露在URL中,因此不如POST安全。 3. **数据限制**:GET请求的数据长度受限于URL长度,而...
3. **AJAX请求**:使用jQuery的`$.ajax()`或`$.post()`,`$.get()`方法发起异步请求。例如,对于POST请求: ```javascript $.ajax({ type: 'POST', url: 'server_script.php', // PHP处理脚本路径 data: $('...
AjaxRequest下载是一个与JavaScript相关的技术主题,主要涉及Ajax和异步加载的概念。Ajax,全称为Asynchronous JavaScript and XML,是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过Ajax,...
它可以执行GET、POST、PUT、DELETE等各种HTTP操作。在默认情况下,这些请求是异步的,这意味着它们不会阻塞页面的其他操作,而是会在后台运行并等待服务器响应。 然而,当设置`async: false`参数时,`Ext.Ajax....
通过上述分析,我们可以看到使用 Python 的 `urllib.request` 库可以轻松实现类似于 Ajax 的 GET 请求。虽然这段代码并不是纯前端 Ajax 实现,但它为我们提供了一种理解 Ajax 工作原理的方法。对于前端开发人员来说...
覆盖 jQuery 或 Angular 中的 AJAX Get 和 Post 操作并跟踪有多少是活动的。 如果您在document.ready状态下执行所有 AJAX,那么您可以在window.load状态中设置一个计时器以在它们完成时运行代码。 ##jquery.ajax....