Ajax的get和post请求

1.get请求

function ()

 {

//向服务器请求 时间

//1.创建异步对象(小浏览器)

 var xhr = new XMLHttpRequest();

//2.设置参数,true表示使用异步模式

xhr.open("get", "GetTime.ashx?name= Mr靖", true); 

//3.让get请求不从浏览器获取缓存数据

 xhr.setRequestHeader("If-Modified-Since","0");

//3.设置回调函数

 xhr.onreadystatechange = function ()

        {

//3.1当完全接收完响应报文后 并且 响应状态码为200的时候

  if (xhr.readyState == 4 && xhr.status == 200)

                    {

//3.2获取相应报文体内容

     var res = xhr.responseText;

                        alert(res);

                    }

        };

//4.发送异步请求

xhr.send(null);

}

 

2.post请求

function ()

 {

//向服务器请求 时间

//1.创建异步对象(小浏览器)

var xhr = new XMLHttpRequest();

//2.设置参数

xhr.open("post", "GetTime.ashx", true);

//3.设置 请求 报文体 的 编码格式(设置为 表单默认编码格式)

xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

//4.设置回调函数

        xhr.onreadystatechange = function ()

        {

//3.1当完全接收完响应报文后 并且 响应状态码为200的时候

       if (xhr.readyState == 4 && xhr.status == 200)

              {

//3.2获取相应报文体内容

     var res = xhr.responseText;

                   alert(res);

              }

         };

//5.发送异步请求"name=Mr靖"

//5.1格式:直接拼接字符串 key=value&key1=value2

    xhr.send("name=Mr靖&age=18");

 };

时间: 2024-11-20 12:46:54

Ajax的get和post请求的相关文章

Ajax 通信技术--hidden Frame GET 请求 和 POST 请求

hidden frame技术有四个步骤: 1.用户通过可见的frame与页面交互,而意识不到hidden frame,当用户向服务器请求数据时,javascript 函数调用hidden frame,这个调用重定向hidden frame到另外一个页面,复杂一点posting form data. 2.向服务器传递数据. 3.接受服务器的回应.因为你和frames打交道,所以这个回应是另一个页面,这个页面会包括请求返回的数据,和一些javascript去把数据转化为可见得frame. 4.在返回

jQuery中ajax的4种常用请求方式

jQuery中ajax的4种常用请求方式: 1.$.ajax()返回其创建的 XMLHttpRequest 对象. $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息.详细参数选项见下. 如果你指定了 dataType 选项,请确保服务器返回正确的 MIME 信息,(如 xml 返回 "text/xml"). 实例: 保存数据到服务器,成功时显示信息. $.ajax({ type: "post", dataType: "

echarts通过ajax向服务器发送post请求,servlet从数据库读取数据并返回前端

1.echarts的官网上的demo,都是直接写死的随机数据,没有和数据库的交互,所以就自己写了一下,ok,我们开始一步一步走一遍整个流程吧. 就以官网最简单的那个小demo来做修改吧.官网上的小demo的效果图如下:(很熟悉,有没有) 2.按照echarts的使用方法新建一个echarts.html文件.为ECharts准备一个具备大小(宽高)的Dom(讲的有点细,熟悉的朋友直接跳过) <!DOCTYPE html> <head> <meta charset="u

PHP AJAX JSONP实现跨域请求使用实例

在之前我写过“php返回json数据简单实例”,“php返回json数据中文显示的问题”和“在PHP语言中使用JSON和将json还原成数组”.有兴趣的童鞋可以看看 今天我写的是PHP AJAX JSONP使用的实例.不清楚jsonp是什么的请自己搜索 实例1 test.html <!doctype html> <html> <head> <meta charset="utf-8"> <title>test</title

js中ajax如何解决跨域请求

js中ajax如何解决跨域请求,在讲这个问题之前先解释几个名词 1.跨域请求 所有的浏览器都是同源策略,这个策略能保证页面脚本资源和cookie安全 ,浏览器隔离了来自不同源的请求,防上跨域不安全的操作. 跨域指的协议.域名.端口 有一个不同的情况下都是跨域 例:在本站点请求外站的数据是不允许的 //在本站点请求外站点的资源是不允许的 $(function () { $.ajax({ url: "http://127.0.0.1:14847/Web/jsonp.js", success

妥善的ajax跨域提交post请求的解决方案,结合PHP与jquery

开发背景: 在开发中采用了一个新的架构,将大部分客户的留言功能集成到一个公共API提交保存,采用不同的用户名区分,供客户查询自己网站的留言,这样节约了客户网站的资源,也提升了维护性. 那么在提交时不能采用直接的post提交,否则会产生跳转,使访客混乱,所以采用ajax提交留言内容至公共服务器:http://wx.igooda.cn/index.php/messagesave,但尝试后发现不能提交post请求,百度后查询结果是跨域只能是get请求,这对留言内容多的来说,是不可行的.还有一种解决方案

为什么我的跨域 AJAX 发了两个请求?

为什么我的跨域 AJAX 发了两个请求? 转载自:http://todoit.me/ajax-preflight/ 最近在做一个 VUE 的项目的时候, 和后端的小伙伴对接口, 想方便开发, 于是要求后端的小伙伴在所有的接口都加上跨域的许可 (Access-Control-Allow-Origin) (后来事实证明这不是一个很好的解决方案, 因为 vue-cli 提供了 proxy-table 作为 AJAX请求的代理, 只需要配置一下就好, 编译上线也不要改动代码) however, 经过这次

Django框架 之 基于Ajax中csrf跨站请求伪造

ajax中csrf跨站请求伪造 方式一 1 2 3 $.ajaxSetup({     data: {csrfmiddlewaretoken: '{{ csrf_token }}' }, }); 方式二 1 2 3 4 5 <form> {% csrf_token %} </form><br><br><br>$.ajax({<br>...<br>data:{ "csrfmiddlewaretoken":

AJAX中出现两次请求,OPTIONS请求和GET请求

在项目中发现ajax中出现两次请求,OPTIONS请求和GET请求,得到的数据出错,所以想要去掉OPTIONS请求. ajax请求如下: ajaxRequestGet: function (lastPath, requestParams, successFun) { $.ajax({ headers: { 'GISTTOKEN': getToken() }, url : this.baseUrl+lastPath, type : "get", data: requestParams,

Ajax学习——GET和POST请求(jQuery中的实现方式)(二)

Get和POST请求 get请求: 语义:如果希望从服务端获取数据,使用get请求 发送数据的方式: 请求参数:通过请求发送的数据被称为请求参数. get的请求参数被浏览器自动的连接到url后面. 请求参数的格式为: 名1=值1&名2=值2&... 这种书写格式称为:urlencoded 通过location.search可获取当前url?及后面的请求参数内容 可发送的数据大小: 2k左右 可发送的数据格式 只能发送文本形式的数据 get请求可以被缓存: 因为get请求的信息都在地址栏中显