ajax常用知識

2022-08-12 15:06:24 字數 1208 閱讀 3157

同源策略:  是瀏覽器的一種基本安全策略  

不允許對非同源位址進行請求(ajax)

限制的方式:可以傳送請求,服務端也會進行響應,但是響應回到客戶端後被瀏覽器阻止了

$.ajax()常用方法

$.ajax()

原生ajax操作的4個步驟:

1、進行例項物件建立

2、呼叫open方法建立與服務端的連線

xhr.open('post' ,'/13_code/ajax.php');

**由於通過post方式傳送的資料,預設無法被服務端識別,所以需要設定請求體的內容型別

需要在send前呼叫 setrequestheader() 方法將 content-type 屬性設定為

xhr.open('get' ,'/13_code/ajax.php?');

3、呼叫 send 方法 傳入需要的引數

get : xhr.send(null);

post: xhr.send('id=10&age=20&name=jack'); urlencoded 格式的引數

4、 呼叫 onreadystatechange 方法 判斷響應狀態和狀態碼

xhr.onreadystatechange = function ()

轉換資料格式:

js前端轉換:

1.拿到後台傳過來的json格式的資料後

var data='';

json.parse(data); // (物件)

進行格式轉換,得到乙個json物件

再進行遍歷 for in

2.如果需要傳送json格式的資料給後台 ,那需要把資料轉換為json格式,前提要有乙個json格式的物件

var data1 = ;

json .stringify(data1); // '' (字串)

php後台轉換

1.json_encode()對變數進行 json編碼

將 資料(關聯陣列) 轉換成 json 格式字串

json_encode($arr, json_unescaped_unicode)

2. json_decode 需要將 json 字串 轉換為關聯陣列結構

// print_r(json_decode($json_str, true));

Ajax知識梳理

ajax技術的核心是xmlhttprequest物件,簡稱xhr。xhr最早由ie引入並實現,原生的xhr僅支援ie7以上版本。如果要相容ie6,需作另外處理 activexobject物件 1 簡單ajax函式的封裝 function ajax method url data else if me...

ajax常用操作

load的方法的使用 現在已不常用 demo1.php的內容是 echo 這是php檔案返回的內容,將會返回到div裡 demo2.html的內容是 我是id為one裡span裡的內容 我是id為two裡span裡的內容 demo3.php的內容是 sleep 3 3秒後響應 echo 111 aj...

常用ajax請求

jquery版本的ajax請求 包括處理webservice中xml字串 1 ajax 10 error function 13 datatype html 14 js版本的ajax請求 common.js 由於瀏覽器版本不同影響ajax不同,所以遇到不同的版本需要new不同的ajax 建立乙個aj...