异步请求的多种实现方法

「爱情、让人受尽委屈。」 2022-05-23 07:04 195阅读 0赞

# 一、基于JavaScript的原生方法 #

//创建XMLHttpRequest对象
    var xhr;
    if (window.XMLHttpRequest) {
    	//非IE6
    	xhr = new XMLHttpRequest();
    } else {
    	xhr = new ActiveXObject('Microsoft.XMLHTTP');
    }
    xhr.open("get","servlet?name=testParam",true);// open必须放在最前面，第一个参数指定post或者get请求
    xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    xhr.send("id=123456");
    xhr.onreadystatechange=function(){
    	if(xhr.readyState == 4 && xhr.status == 200) {
    		var result = xhr.responseText;
    		alert(result);
        }
    }

**注：具体的还可以设置很多东西，过于复杂，不再详细介绍，不推荐使用。**

#  #

# 二、基于JQuery（推荐使用） #

# (1) $.getJSON(url,\[data\],\[callback\]) #

**$.getJSON("/user/query/" + id,function(data)\{  
var paramData = JSON.parse(data);  
alert(data.name);  
\})**

参数可以携带在url后面，也可以单独写出来。

## (2) $.Ajax() ##

**$.ajax(\{  
type:"GET",//请求方式为get或者post  
url:"servletUrl",//请求的url  
data:\{name:"zhangSan"\},//发送到服务器的参数  
dataType:"text",//服务器响应的数据类型  
success:function(data)\{  
alert(data);  
\}                **

**\})**

## (3) $.post(url,\[data\],\[callback\]) / $.get(url,\[callback\]) ##

这两个写法基本一致，get方式参数在url后面，post方式参数可接在url后面，也可以单独写出来

**$.post("servletURL",\{sex:"man"\},function(data)\{**

**    alert(data);**

**\},"text");**

##  ##

**$.get("servletURL?sex=man",function(data)\{**

**    alert(data);**

**\},"text");**

发表评论取消回复

表情：

评论列表（有 0 条评论，195人围观）

还没有评论，来说两句吧...

相关阅读

相关 Ajax异步请求的方法

> //1.创建XMLHTTPREUQEST对象 > var req=new XMLHttpRequest(); > //2.准备发送请求的数据（请求方式，请求地址）

我会带着你远行/ 2023年10月09日 21:43/ 0 赞/ 53 阅读

相关 ES6的Fetch异步请求的实现方法

第一步：用IDEA建一个WEB SERVLET工程第二步：写idex.jsp代码： <%@ page contentType="text/html;charset

朴灿烈づ我的快乐病毒、/ 2022年12月24日 04:52/ 0 赞/ 160 阅读

相关实现进度条效果的多种方法

今天想实现的效果有点难度： [https://segmentfault.com/q/1010000037539000][https_segmentfault.com_q_10

旧城等待，/ 2022年12月16日 13:13/ 0 赞/ 158 阅读

相关 OkHttpClient实现http请求异步

1、AsyncHttpTest package com.http.file; import com.alibaba.fastjson.JSON;

本是古典何须时尚/ 2022年09月15日 11:54/ 0 赞/ 295 阅读

相关 PHP发送异步请求方法总结

最近在工作中多次碰到需要用到PHP异步请求的问题，所以在网上查找了相关的资料。经过多次的测试和修改，总结了两种普遍可行的的方案： 1、方案一：使用CURL，但必须设置CURO

「爱情、让人受尽委屈。」/ 2022年07月12日 12:51/ 0 赞/ 654 阅读

相关封装多种方式的ajax异步方法

// 准备一个对象 // 如果参数使用逗号分隔写多个 // 那么用户需要去记忆参数的顺序,以及每一个参数的作用

阳光穿透心脏的1/2处/ 2022年06月17日 05:13/ 0 赞/ 151 阅读

相关异步请求的多种实现方法

一、基于JavaScript的原生方法 //创建XMLHttpRequest对象 var xhr; if (window.XMLHttpReque

「爱情、让人受尽委屈。」/ 2022年05月23日 07:04/ 0 赞/ 196 阅读

相关 react中实现异步请求的方法一，react-thunk

写在前面：在react中，dispatch是同步执行reducers生成新状态的，对于页面的操作没有问题；但是如果点击事件是请求了某个结果，需要等待结果响应后再更新视图呢？

╰半夏微凉°/ 2021年12月24日 09:13/ 0 赞/ 1014 阅读

相关 react中实现异步请求的方法二、redux-promise-middleware

上篇讲解了redux-thunk中间件的使用，本篇文章介绍一下另一种实现异步请求的的方式，也是使用中间件实现的，但方法略有不同，其他模块一样，只是在actionCreator中

今天药忘吃喽~/ 2021年12月24日 09:13/ 0 赞/ 310 阅读

相关实现文件上传的多种方法

实现文件上传的多种方法一、Form表单上传 <!DOCTYPE html> <html> <head> <meta htt

淩亂°似流年/ 2021年12月15日 02:19/ 0 赞/ 266 阅读