同源策略: 是瀏覽器的一種基本安全策略
不允許對非同源位址進行請求(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...