`
jackyoo8
  • 浏览: 82791 次
  • 性别: Icon_minigender_1
  • 来自: 上海
最近访客 更多访客>>
社区版块
存档分类
最新评论

Ajax基础学习(二)-- 请求方式(post/get)

    博客分类:
  • ajax
阅读更多
.......
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页面模式get/post请求

    了解了这些基础知识后,你可以创建一个简单的HTML页面,如`formsubmit.html`,用来模拟对某个API的GET和POST请求,特别是使用JSON格式传递POST数据。这对于测试API接口或者进行前端开发验证非常有帮助。通过这种方式...

    ajax POST 与GET提交的区别

    在探讨AJAX中GET和POST的区别之前,我们先来了解一下这两种请求方式的基本概念。 **GET**请求通常用于获取资源信息,它将参数拼接到URL后面,并通过URL传输数据。这种方式适合于那些不会更改服务器状态的操作,例如...

    Ajax Get、Post请求

    在Ajax中,主要使用的请求方式有两种:GET和POST。 **GET请求** GET是HTTP协议中最常见的请求方法之一,主要用于获取服务器上的资源。在Ajax中,使用GET请求时,请求的数据会被附加到URL后面,以问号分隔,形成一个...

    Ajax中get与post请求详解

    Ajax 技术中 get 与 post 两种请求方式是许多开发者经常遇到的疑问,以下将详细解释两者的区别,并提供实例代码。 一、get 与 post 的基本区别 1. 参数传递方式:get 请求将参数数据队列加到提交表单的 ACTION ...

    服务端模拟ajax支持发起GETPOSTPUTDELETE请求

    在IT行业中,服务端模拟AJAX请求是一种常见的测试和开发技术。这主要涉及到Web应用程序的交互,特别是客户端(浏览器)与服务器之间的异步数据通信。本文将深入探讨如何使用JavaScript来模拟GET、POST、PUT和DELETE...

    Ajax中get和post区别

    "Ajax中Get和Post请求的区别" Ajax作为异步JavaScript和XML的简写,是一种创建交互式网页的技术。其中,Get和Post是两种常用的HTTP请求方法,尽管它们都是用于将数据从客户端发送到服务器端,但是它们之间存在着很...

    WXHHDI01-AJAX-B1-GetStarted-CS

    例如,jQuery的`$.ajax()`或`$.get()`、`$.post()`函数可以轻松实现AJAX请求。 9. **Promise和async/await**:在现代浏览器中,可以使用Promise和async/await语法处理AJAX请求,使异步编程更加简洁和易读。 10. **...

    ajax的get请求源码

    ### AJAX GET 请求解析 #### 一、概述 Ajax(Asynchronous JavaScript and XML)是一种用于创建快速动态网页的技术,它能够使网页实现局部刷新,而无需重新加载整个页面。本篇文章将通过一个具体的示例来深入分析 ...

    Ajax的小封装 get,post请求

    在描述中提到了对Ajax的get请求的小封装,这意味着我们将会讨论如何用JavaScript来构建一个简易的Ajax GET请求函数,并可能涉及POST请求的实现。 ### 1. Ajax GET 请求小封装 GET请求是最常见的HTTP方法,用于从...

    jsp+ajax发送GET请求的方法.docx

    jsp+ajax 发送 GET 请求的方法 本文主要介绍了 jsp+ajax 发送 GET 请求的方法,包含了 Ajax 数据的发送与 JSP 文件的处理技巧。下面是详细的知识点: 一、Ajax 发送 GET 请求 Ajax 发送 GET 请求是通过创建 ...

    用AJAX的Get和Post调用Servlet的简单示例.doc

    本文将深入探讨如何利用AJAX的GET和POST方法调用Servlet,从而实现数据的异步请求和响应。 #### 二、理解AJAX与Servlet的关系 AJAX是一种前端技术,而Servlet是Java后端处理请求的一种方式。在基于AJAX的Web应用中...

    Ajax 修炼之道-Web 2.0 入门

    ### 二、Ajax请求的生命周期 1. **初始化**:创建XMLHttpRequest实例。 2. **打开连接**:xhr.open('GET'/'POST', 'url', true)。 3. **设置头部信息**:xhr.setRequestHeader('Content-Type', 'application/x-...

    jQuery+get/post+Ajax+Json

    jQuery的Ajax方法提供了一个统一的接口来处理所有类型的Ajax请求,包括GET、POST、PUT和DELETE等。在上述示例中,我们使用了$.ajax方法,设置type为'POST',data为JSON对象,dataType为'json',以发送JSON数据到...

    java6_chapter912_ajax_jquery2019-8-21.zip

    第二种方式实现ajax异步刷新--get 3.需求3: 第三种方式实现ajax异步刷新--post 4.需求4: 第四种方式实现ajax异步刷新--getJSON 5.需求5: 第五种 使用jquery发送Ajax请求 html 实现html类型传递数据的步骤: ...

    ajax系统学习(-)

    例如,使用jQuery的$.ajax()或$.getJSON()方法可以方便地发起Ajax请求。这些库提供了更友好的API,处理跨域、错误处理等问题更加简便。 接下来,我们将关注Ajax的组成部分: 1. **请求初始化**:创建...

    图书馆添加删除判断 ajax.get 请求 ajax.post响应 考试专用

    开发者需要根据这些文档编写符合规范的AJAX请求。 在"图书管理案例.html"中,可以看到实际的HTML结构和JavaScript代码,包括事件监听、AJAX调用、数据处理等部分。通过阅读和分析这个文件,可以更深入地理解如何在...

    ajax get请求中文参数乱码解决

    在进行Web开发时,我们经常会遇到Ajax GET请求发送中文参数时出现乱码的问题...在提供的压缩包文件`strtus-ajax-by-get-zh-garbled`中,可能包含了关于Struts框架下解决Ajax GET请求中文乱码的示例代码,可以参考学习。

    php+Ajax(GET&POST)完美实例

    在JavaScript中,我们通常使用XMLHttpRequest对象来实现Ajax请求。`ajax.js`文件可能包含以下代码: ```javascript var xhr = new XMLHttpRequest(); xhr.open('GET', 'server.php', true); xhr.onreadystatechange...

    jquery autocomplete 动态补全例子有说明ajax加载

    当用户在输入框中输入字符时,Autocomplete会触发一个事件,通过AJAX请求从服务器获取匹配的数据,并将结果显示为下拉列表供用户选择。 **JSON数据的使用** 在本例中,数据以JSON格式存储,这是一种轻量级的数据...

Global site tag (gtag.js) - Google Analytics