`
陈修恒
  • 浏览: 205675 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Ajax 发送请求 Get/Post

    博客分类:
  • html
 
阅读更多
http://bbs.sinobuy.cn/index.php/topic,7715.0.html?PHPSESSID=ed19c5e6156ce166ac2096dc22e6a8ea

<script language="javascript">
var XMLHttpReq;
  //创建XMLHttpRequest对象      
    function createXMLHttpRequest() {
  if(window.XMLHttpRequest) { //Mozilla 浏览器
   XMLHttpReq = new XMLHttpRequest();
  }
  else if (window.ActiveXObject) { // IE浏览器
   try {
    XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
   } catch (e) {
    try {
     XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (e) {}
   }
  }
}
//发送请求函数
function sendRequest(url) {
  createXMLHttpRequest();
  XMLHttpReq.open("GET", url);
  XMLHttpReq.onreadystatechange = processResponse;//指定响应函数
  XMLHttpReq.send(null);  // 发送请求
}
// 处理返回信息函数
    function processResponse() {
     if (XMLHttpReq.readyState == 4) { // 判断对象状态
         if (XMLHttpReq.status == 200) { // 信息已经成功返回,开始处理信息
             var res=XMLHttpReq.responseText;
                window.alert(res);               
            } else { //页面不正常
                window.alert("您所请求的页面有异常。");
            }
        }
    }

二、发送post请求
var XMLHttpReq;
  //创建XMLHttpRequest对象      
    function createXMLHttpRequest() {
  if(window.XMLHttpRequest) { //Mozilla 浏览器
   XMLHttpReq = new XMLHttpRequest();
  }
  else if (window.ActiveXObject) { // IE浏览器
   try {
    XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
   } catch (e) {
    try {
     XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (e) {}
   }
  }
}
//发送请求函数
function sendRequest(url,para) {
  createXMLHttpRequest();
  XMLHttpReq.open("POST", url,true);
  XMLHttpReq.onreadystatechange = processResponse;//指定响应函数
              XMLHttpReq.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");   
  XMLHttpReq.send(para);  // 发送请求
 
}
// 处理返回信息函数
    function processResponse() {
     if (XMLHttpReq.readyState == 4) { // 判断对象状态
         if (XMLHttpReq.status == 200) { // 信息已经成功返回,开始处理信息
             var res=XMLHttpReq.responseText;
                window.alert(res);               
            } else { //页面不正常
                window.alert("您所请求的页面有异常。");
            }
        }
    }
分享到:
评论

相关推荐

    html页面模式get/post请求

    对于POST请求,特别是当数据需要以JSON格式发送时,我们需要借助JavaScript,通常使用AJAX(Asynchronous JavaScript and XML)技术,通过XMLHttpRequest或Fetch API来实现。JSON是一种轻量级的数据交换格式,它的...

    jQuery+get/post+Ajax+Json

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

    Ajax中get和post区别

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

    Ajax中get与post请求详解

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

    ajax POST 与GET提交的区别

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

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

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

    Ajax Get、Post请求

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

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

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

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

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

    GO接收GET/POST参数及发送GET/POST请求的实例详解

    GET 和 POST 是我们最常用的两种请求方式,今天讲一讲如何在 golang 服务中,正确接收这两种请求的参数信息。 处理GET请求 1.1 接收GET请求 //接收GET请求 func Get(writer http.ResponseWriter , request *...

    AngularJS发送异步Get/Post请求方法

    本文将详细介绍如何使用AngularJS发送异步GET和POST请求。 首先,为了使用AngularJS,需要在HTML页面中引入AngularJS库,通常我们会从CDN或本地文件系统中加载。例如: ```html &lt;script src="https://ajax.google...

    AJAX发送请求与接受

    AJAX请求可能受到同源策略的限制,但通过服务器设置CORS(Cross-Origin Resource Sharing)头,可以允许跨域请求。 ### Promise和Fetch API 现代浏览器提供了`Promise`和`fetch()` API,它们提供了更优雅的错误处理...

    ajax的get请求源码

    2. **设置请求类型和 URL**:通过调用 `open` 方法设置请求类型(GET 或 POST)和 URL。 3. **发送请求**:通过调用 `send` 方法发送请求。 4. **监听响应状态变化**:通过绑定 `onreadystatechange` 事件处理器来...

    ajax快速解决参数过长无法提交成功的问题

    比如我们经常这样写一个ajax的post请求: $.ajax({ type: "post", // post or get contentType:"application/json;charset=utf-8", data: “requestTag=”+tag+"&content="+content, //请求参数 url: "po

    Ajax请求详解

    ### Ajax请求详解 #### 一、简单的Ajax请求 Ajax(Asynchronous JavaScript and XML)是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新,这意味着可以在不重新...

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

    1. 设置请求头编码:在发送Ajax请求时,可以设置`contentType`为`'application/x-www-form-urlencoded; charset=UTF-8'`,确保数据以UTF-8编码发送。 ```javascript $.ajax({ url: 'your-url', type: 'GET', ...

    Ajax请求发送成功但不进success的解决方法

    1.情况描述:ajax发送成功,后台也成功响应请求,并返回了json数据,通过chrome监听请求也可以看到响应的json数据,但是就是不进success方法,反而跑到error方法中了 前端: $.ajax({ type : get, data : {'dbId'...

    使用AJAX发送异步请求

    在实际应用中,比如用户输入邮编后自动填充城市和省份的功能,我们可以监听表单的事件,如`onchange`,并在事件处理函数中触发AJAX请求。请求的URL可能包含用户输入的邮编,通过URL查询参数传递。服务器接收到请求后...

    【ASP.NET编程知识】如何ASP.NET Core Razor中处理Ajax请求.docx

    在 Script 代码中,使用 jQuery 库来发送 Ajax 请求,使用 `$.post()` 方法来发送请求到服务器端。服务器端使用 Razor Pages 来处理请求,使用 `OnPostAsync()` 方法来处理异步请求。 在后台代码中,使用 `...

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

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

Global site tag (gtag.js) - Google Analytics