2. 程式人生 > >發送ajax步驟

發送ajax步驟

阿新 • • 發佈：2018-09-10
orm http pos 創建 div ati spa esp ready

1、創建異步對象 一般命名為xhr

var xhr = new XMLHttpRequest(); 2、 設置請求行 open(請求方式，請求url) 1.get 需要在url後面拼接參數(如果有參數) 2.post請求不需要拼接參數 xhr.open("post","validate.php"); 3、設置請求頭:setRequestHeader() 1.get不需要設置 2.post需要設置請求頭：Content-Type:application/x-www-form-urlencoded xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");.
如果沒有設置，參數無法正確的傳遞到服務器(本質上說，如果沒有參數，也不一定需要設置，不會影響請求的發送) 4、 設置請求體 send() 1.get的參數在url拼接了，所以不需要在這個函數中設置 2.post的參數在這個函數中設置(如果有參數) xhr.send("username="+name);
5、讓異步對象接收服務器的響應數據 一個成功的響應有兩個條件：1.服務器成功響應了 2.異步對象的響應狀態為4(數據解析完畢可以使用了) 當異步對象的響應狀態發生改變的時候，會觸發一個事件：onreadystatechange xhr.onreadystatechange = function(){
判斷服務器是否響應 判斷異步對象的響應狀態 if(xhr.status == 200 && xhr.readyState == 4){ 　　 //當返回的是xml格式的數據時： console.log(responseXML) 　　 //當返回的是其他格式的數據時：console.log(responseText) } 服務器響應狀態碼： 200： 訪問的數據已經獲取到了 404： 服務器端訪問不到客戶端請求的數據 500：服務器出錯了 302： 重定向

發送ajax步驟

相關推薦

發送ajax步驟

orm http pos 創建 div ati spa esp ready 1、創建異步對象 一般命名為xhr var xhr = new XMLHttpRequest(); 2、 設置請求行 open(請求方式，請求url) 1.get 需要在ur

Jquery validate(submitHandler函數)驗證通過發送Ajax

type handler 確認密碼 fun stat rul color length duplicate js代碼： 1 $(function() { 2 $(‘#form‘).validate({ 3 onkeyup : false,

IE9下JQuery發送ajax請求失效

async 跨域問題 title 方案 oss mage .com als -1 最近在做項目的時候，測試PC端網頁，在IE9下會失效，不能正常的發送POST請求，經過仔細的排查，發現是IE9下JQuery發送ajax存在跨域問題。

servlet中如何發送ajax請求並動態拼接數據到html中

servlet com .com blog 發送 nbsp ima jsp logs 廢話不多說，直接上代碼 1.servlet 2.js 3.jsp 有不懂得歡迎來扣我哦^_^ servlet中如何發送ajax請求並動態拼接數據到html中

Jquery 頁面初始化常用的三種方法以及Jquery 發送ajax 請求

tree error 渲染 erro 發生 har 初始化 nload 事情 第一種 $(document).ready(function(){ //文檔就緒事件 }); 第二種是第一種的簡略寫法，效果上和第一種是等效的。 $(function(){ //文檔加載事

通過在jquery中添加函數發送ajax請求來加載數據庫數據，以json的格式發送到頁面

this -1 結果集 ont js插件 顯示 可用 cti pat 通過在jquery中添加函數發送ajax請求來加載數據庫數據，以json的格式發送到頁面 從數據庫中查詢倉庫信息，顯示在下拉菜單中： 首先，引入js插件，這裏使用jquery-1.8.3.js &

使用原生JS發送AJAX請求（XML，JSON解析）

status quest chan ldoc text nbsp 字符 tco send mybutton.addEventListener(‘click‘, (e) => { let request = new XMLHttpRequest() r

vue中使用axios發送ajax請求

方法 ffffff 。。 MF 求和 shadow 代碼 圖片 HA 1 get請求:html代碼:js代碼:2 post請求3 綜合方法綜合方法也可以傳遞參數的,分別和get請求和post請求傳遞的參數形式是一樣的。。。。一個簡單的總結，後面再接著完善！vue中使用axi

vue中使用vue-resource發送ajax請求

get watermark 圖片 shadow proc title ajax請求 term process 1 get請求html代碼:界面如下:js代碼:2 post請求html代碼:界面:js代碼:3 jsonp請求vue中使用vue-resource發送ajax請求

發送ajax請求實現上傳圖片顯示在網頁上

sse set url orm 顯示 ini session load file 1 <?php 2 // 1,通過超全局變量來獲取files[上傳的圖片名稱] 3 $file = $_FILES["files"] 4 // 2,在通過strrchr

Ajax向後臺發送數據

基於 src null ssa charset value test 3.2 form Ajax向後臺發送數據，三種情況： 1：Ajax手動發數據 #GET 發數據<div> <a class="btn" onclick="Ajax

IIS ajax CORS 訪問發送自定義Header時分析

nbsp post true cal 後臺 config -a coo function 場景： a站：http://127.0.0.1/a b站：http://localhost/b (IIS7.5) a站用ajax訪問b的資源，代碼如下： $.ajaxSetu

使用原生AJAX 發送異步請求實現 常用的用戶登錄效果

tor dia post request reat def cat inner -c HTML部分 <!doctype html> <html> <head> <meta charset="UTF-8"> &l

jquery ajax 發送郵件例子

tex get 提交 class rem app tostring 發送郵件 col <div class="form"> <dl>

ASP.NET MVC Controller接收ajax post方式發送過來的json對象或數組數據

thrown data btn XML 傳輸 接收 pan javascrip form提交 本例旨在說明我的一種Controller接收ajax提交(POST)過來的json對象或數組信息的方式，感覺應該有更好的方式，歡迎提出寶貴意見。JSON.stringify(jso

AJAX的來龍去脈（由來）-如果被封裝出來的--ajax發送異步請求（四步操作）

val set var thead glib defined all 6.0 ref 《黑馬程序員_超全面的JavaWeb視頻教程vedio\JavaWeb視頻教程_day23_ajax》 \JavaWeb視頻教程_day23_ajax\day23ajax_avi\14.

ajax的get 和post方式發送請求

reat hang utf-8 util tro scheme script lencod ref <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% St

AJAX中使用post,get接收發送數據的區別

type 方式 cati .com 接收 ges ima con url 如何發起請求 xhr.send(); 備註： 如果是get方式，send（）命令中不用寫任何參數 傳遞的數據可以寫在url中，服務器用$_GEET[“參數名”]接收

Ajax 發送OPTION請求

由於 www mes code ole 過濾器 cat max hist 從fetch說起，用fetch構造一個POST請求。 fetch(‘http://127.0.0.1:8000/api/login‘, { method: "POST", heade

Ajax中與服務器的通信【發送請求與處理響應】

active 狀態碼 代碼 技術 bsp item 出版 ml2 圖書 一、發送請求 Ajax中通過XMLHttpRequest對象發送異步方式的後臺請求時。通常有兩種方式的請求，一種是GET請求，另一種是POST請求。發送請求一般要經過4個步驟分別是： （1）初始化X