.......
function createQueryString(){
var firstName = document.getElementById("firstName").value;
var secName = document.getElementById("secName").value;
var querystring="firstName="+firstName+"&secName="+secName;
}
//GET方式
function doRequestUsingGET(){
createXMLHttpRequest();
var queryString = "test.php?";
queryString= queryString + createQueryString()+"&timstamp="+new Date().getTime();
Ajax.onreadystatechange=handleStateChange;
Ajax.open("GET",queryString,true);
Ajax.send(null);
}
//POST方式
function doRequestUsingPOST(){
createXMLHttpRequest();
/* 注意以下代码与GET方式的区别 */
var url= "test.php?timstamp="+new Date().getTime();
var queryString=createQueryString();3
Ajax.open("POST",url,true);
Ajax.onreadystatechange=handleStateChange;
Ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded")
Ajax.send(queryString);
}
function handleStateChange(){
if(Ajax.readyState==4){
if(Ajax.status==200){ .......} //成功数据其它数据
}
}
......
分享到:
相关推荐
了解了这些基础知识后,你可以创建一个简单的HTML页面,如`formsubmit.html`,用来模拟对某个API的GET和POST请求,特别是使用JSON格式传递POST数据。这对于测试API接口或者进行前端开发验证非常有帮助。通过这种方式...
在探讨AJAX中GET和POST的区别之前,我们先来了解一下这两种请求方式的基本概念。 **GET**请求通常用于获取资源信息,它将参数拼接到URL后面,并通过URL传输数据。这种方式适合于那些不会更改服务器状态的操作,例如...
在Ajax中,主要使用的请求方式有两种:GET和POST。 **GET请求** GET是HTTP协议中最常见的请求方法之一,主要用于获取服务器上的资源。在Ajax中,使用GET请求时,请求的数据会被附加到URL后面,以问号分隔,形成一个...
Ajax 技术中 get 与 post 两种请求方式是许多开发者经常遇到的疑问,以下将详细解释两者的区别,并提供实例代码。 一、get 与 post 的基本区别 1. 参数传递方式:get 请求将参数数据队列加到提交表单的 ACTION ...
在IT行业中,服务端模拟AJAX请求是一种常见的测试和开发技术。这主要涉及到Web应用程序的交互,特别是客户端(浏览器)与服务器之间的异步数据通信。本文将深入探讨如何使用JavaScript来模拟GET、POST、PUT和DELETE...
"Ajax中Get和Post请求的区别" Ajax作为异步JavaScript和XML的简写,是一种创建交互式网页的技术。其中,Get和Post是两种常用的HTTP请求方法,尽管它们都是用于将数据从客户端发送到服务器端,但是它们之间存在着很...
例如,jQuery的`$.ajax()`或`$.get()`、`$.post()`函数可以轻松实现AJAX请求。 9. **Promise和async/await**:在现代浏览器中,可以使用Promise和async/await语法处理AJAX请求,使异步编程更加简洁和易读。 10. **...
### AJAX GET 请求解析 #### 一、概述 Ajax(Asynchronous JavaScript and XML)是一种用于创建快速动态网页的技术,它能够使网页实现局部刷新,而无需重新加载整个页面。本篇文章将通过一个具体的示例来深入分析 ...
在描述中提到了对Ajax的get请求的小封装,这意味着我们将会讨论如何用JavaScript来构建一个简易的Ajax GET请求函数,并可能涉及POST请求的实现。 ### 1. Ajax GET 请求小封装 GET请求是最常见的HTTP方法,用于从...
jsp+ajax 发送 GET 请求的方法 本文主要介绍了 jsp+ajax 发送 GET 请求的方法,包含了 Ajax 数据的发送与 JSP 文件的处理技巧。下面是详细的知识点: 一、Ajax 发送 GET 请求 Ajax 发送 GET 请求是通过创建 ...
本文将深入探讨如何利用AJAX的GET和POST方法调用Servlet,从而实现数据的异步请求和响应。 #### 二、理解AJAX与Servlet的关系 AJAX是一种前端技术,而Servlet是Java后端处理请求的一种方式。在基于AJAX的Web应用中...
### 二、Ajax请求的生命周期 1. **初始化**:创建XMLHttpRequest实例。 2. **打开连接**:xhr.open('GET'/'POST', 'url', true)。 3. **设置头部信息**:xhr.setRequestHeader('Content-Type', 'application/x-...
jQuery的Ajax方法提供了一个统一的接口来处理所有类型的Ajax请求,包括GET、POST、PUT和DELETE等。在上述示例中,我们使用了$.ajax方法,设置type为'POST',data为JSON对象,dataType为'json',以发送JSON数据到...
第二种方式实现ajax异步刷新--get 3.需求3: 第三种方式实现ajax异步刷新--post 4.需求4: 第四种方式实现ajax异步刷新--getJSON 5.需求5: 第五种 使用jquery发送Ajax请求 html 实现html类型传递数据的步骤: ...
例如,使用jQuery的$.ajax()或$.getJSON()方法可以方便地发起Ajax请求。这些库提供了更友好的API,处理跨域、错误处理等问题更加简便。 接下来,我们将关注Ajax的组成部分: 1. **请求初始化**:创建...
开发者需要根据这些文档编写符合规范的AJAX请求。 在"图书管理案例.html"中,可以看到实际的HTML结构和JavaScript代码,包括事件监听、AJAX调用、数据处理等部分。通过阅读和分析这个文件,可以更深入地理解如何在...
在进行Web开发时,我们经常会遇到Ajax GET请求发送中文参数时出现乱码的问题...在提供的压缩包文件`strtus-ajax-by-get-zh-garbled`中,可能包含了关于Struts框架下解决Ajax GET请求中文乱码的示例代码,可以参考学习。
在JavaScript中,我们通常使用XMLHttpRequest对象来实现Ajax请求。`ajax.js`文件可能包含以下代码: ```javascript var xhr = new XMLHttpRequest(); xhr.open('GET', 'server.php', true); xhr.onreadystatechange...
当用户在输入框中输入字符时,Autocomplete会触发一个事件,通过AJAX请求从服务器获取匹配的数据,并将结果显示为下拉列表供用户选择。 **JSON数据的使用** 在本例中,数据以JSON格式存储,这是一种轻量级的数据...