這篇文章主要介紹了如何利用ajax異步處理POST表單中的數(shù)據(jù)，下面有個不錯的示例，大家可以參考下
//防止頁面進行跳轉(zhuǎn)
02
03
$(document).ready(
function
(){
04
$(
"#submit"
).click(
function
(){
05
var
str_data=$(
"#form1 input[type=text]"
).map(
function
(){
06
return
($(
this
).attr(
"name"
)+
'='
+$(
this
).val());
07
}).get().join(
"&"
);
08
var
box_data=$(
"input[type=checkbox]:checked"
).map(
function
(){
09
return
($(
this
).attr(
"name"
)+
'='
+$(
this
).val());
10
}).get().join(
"&"
);
11
var
race=$(
"#race"
).val();
12
var
volume=$(
"#volume"
).val();
13
str_data+=
"&volume="
+volume;
14
str_data+=
"&race="
+race;
15
str_data+=
"&"
+box_data;
16
$.ajax({
17
type:
"POST"
,
18
url:
"deal.php"
,
19
data:str_data,
20
success:
function
(msg){
21
$(
"#myModal .modal-body"
).html(msg);
22
}
23
});
24
});
25
});
更多信息請查看IT技術(shù)專欄
公眾號
事業(yè)單位
當前位置：
公考類
招聘類
各類考試