在 jquery中 已經封裝好了 ajax請求1, get請求方式不用考慮 相容,跨域等問題, jquery全都都已經解決了
只需要在設定請求時,設定不同的引數,就可以完成不同的請求
$.get()
引數有4個引數,必填引數是 url位址 其他引數都是選填引數,可以沒有
引數的形式是物件形式
$.get( 請求成功時執行的函式 })
get請求<
/h1>
請求<
/button>
"../jquery.min.js"
>
<
/script>
$('button').
click
(function()
,// 沒有設定 datatype 引數,res中的響應體
// 後端給什麼,res中,就儲存什麼
// 設定 datatype : 'json', 會自動解析響應體json串
datatype :
'json'
,// 請求成功時,執行的函式
// 函式的引數,儲存響應體
// 自定義形參 res 中 儲存的就是響應體
success :
function
(res)})
})<
/script>
<
/body>
<?php
$name
=$_get
['name'];
$pwd
=$_get
['pwd'];
$arr=[
'msg'
=>
'請求的方式是get,就不查詢資料庫了,直接返回引數內容'
,'data'
=>
['name'
=>
$name
,'pwd'
=>
$pwd,]
];echo
json_encode
($arr
);
$.post()
引數有4個引數,必填引數是 url位址 其他引數都是選填引數,可以沒有
引數的形式是物件形式
$.post( 請求成功時執行的函式
})
post請求<
/h1>
請求<
/button>
"../jquery.min.js"
>
<
/script>
$('button').
click
(function()
,// 沒有設定 datatype 引數,res中的響應體
// 後端給什麼,res中,就儲存什麼
// 設定 datatype : 'json', 會自動解析響應體json串
datatype :
'json'
,// 請求成功時,執行的函式
// 函式的引數,儲存響應體
// 自定義形參 res 中 儲存的就是響應體
success :
function
(res)})
})<
/script>
<
/body>
<?php
$name
=$_post
['name'];
$pwd
=$_post
['pwd'];
$arr=[
'msg'
=>
'您請求的方式是post,我就不查詢資料庫了,直接返回引數內容'
,'data'
=>
['name'
=>
$name
,'pwd'
=>
$pwd,]
];echo
json_encode
($arr
);
引數有 n 個引數,特別特別多,逐一介紹
常規get,post請求(不是跨域),常用引數
$.ajax( 傳參引數,必須是物件形式
datatype : json, 設定為json,會自動解析反應提中的json串
success : function(){} 請求成功執行的函式
不常用:
async : 設定是否非同步,預設值是true,非同步執行ajax請求
error : function(){} 請求錯誤時執行的函式
請求成功時不會執行
timeout : 設定時間,單位 毫秒
如果請求時間超過設定的時間,認為是請求失敗
必須是非同步執行
cache : 設定是否快取請求結果
預設值是 true,快取請求結果
必須是get方式,這個設定才起作用
post方式不會快取,設定也沒有效果
context : 指定 執行函式中 this的指向
})
ajax請求<
/h1>
請求<
/button>
"../jquery.min.js"
>
<
/script>
const obj =;$
('button').
click
(function()
,// datatype, 設定 json 解析響應體的json串
datatype :
'json'
, success :
function
(res)
,// 不常用的
// async : false, // 設定非同步
// 請求成功不執行,請求失敗才執行
error :
function
(res)
,// timeout : 1, // 超市報錯,但是必須是非同步執行
cache :
false
,// 如果是不快取,會在資料後有乙個 _數值 的時間戳
// 告訴程式,這個結果的獲取時間
context : obj ,
// this預設指向 ajax物件 , 可以設定this的指向})
console.
log(
'我是同步執行的程式');
})<
/script>
<
/body>
<?php
$name
=$_get
['name'];
$pwd
=$_get
['pwd'];
$arr=[
'msg'
=>
'請求的方式是get,就不查詢資料庫了,直接返回引數內容'
,'data'
=>
['name'
=>
$name
,'pwd'
=>
$pwd,]
];echo
json_encode
($arr
);
逆戰班 盒子陰影
盒子陰影 box shadow 屬性用於向盒子新增乙個或多個陰影效果。offset x 陰影的水平偏移量。正數向右偏移，負數向左偏移。offset y 陰影的垂直偏移量。正數向下偏移，負數向上偏移。blur 陰影模糊度，不能取負數。spread 陰影大小。正數陰影擴大 陰影大小大於盒子大小 負數陰影...
HTML 盒模型 逆戰班
對於前端專案是css布局的基石，它主要作用是控制元素和元素之間，或者元素和內容之間的位置關係，是重要的組成部分。乙個盒子主要有五大屬性分別為width height padding border margin。分別含義 width指的是內容的寬度 height指的是內容的高度 padding內邊距 ...
專案總結逆戰班 侯宇航
專案總結 看問題的角度，不能總以自己的思維去尋找答案，要多用專業名詞，有時候請教前輩會讓你換乙個思路去思考問題，適當的轉換思維往往離解決問題更進一步 2在敲 的過程中，要慢慢學會思考每一步的流程，必要的話可以使用思維導圖記下每乙個步驟，然後再寫 會讓你大腦思路變得清晰，並且更加專注。3在遇到不會的問...