如题所述
å¦ä½å¨å½å页é¢ç¨php è·åjs åéçå¼
liuhe269247054 | æµè§ 11107 次
æ¨èäº2016-06-09 04:01:01æä½³çæ¡
使ç¨ajaxæ¯æä½³éæ©ãä¸é¢æ¥ä¸ªç¤ºä¾ã
html表åï¼
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!DOCTYPE html>
<html lang="zh_CN">
<head>
<meta charset="utf-8" />
<title>Untitled Document</title>
<script src="
<script>
;jQuery(function($){
$('input#ajax-submit').click(function(){
$va = $.trim($('input[name=a]').val());
if(''==$va){
$('#msg').html('<span style="color:red">æ¨æ²¡æè¾å ¥åéAï¼ï¼ï¼</span>');
}else{
$data = {
va:$('input[name=a]').val()
};
$.ajax({
type: 'POST',
url: "baidu.php",
data: $data ,
cache:false,
dataType:'json',
context: document.body,
success: function(res){
if('success'==res.r){
$('#msg').html('<span style="color:green">'+res.d+'</span>');
return false;
}else{
$('#msg').html('<span style="color:red">'+res.d+'</span>');
}
},
error : function() {
$('#msg').html('<span style="color:red">åºäºå¿äºï¼</span>');
return false;
}
});
}
});
});
</script>
</head>
<body>
<form id="ajaxform" name="ajaxform" method="post" action="action.php">
<p>
<label for="a">请è¾å ¥åéA</label><input type="text" name="a" id="a"/>
</p>
<p id="msg"></p>
<p>
<input id ="ajax-submit" type="button" value="æ交"/>
</p>
</form>
</body>
</html>
2. å ¶å¯¹åºçPHPæ件å¯å¯¹jsä¼ éè¿æ¥çåæ°è¿è¡å¤çï¼æå ¥æ°æ®åºãæ¥è¯¢æ°æ®åºãæ´æ°æ°æ®åºçæä½ï¼ï¼ç¤ºä¾ï¼
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<?php
/**
* @author: suifengtec coolwp.com
* @date: 2015-07-21 10:34:35
* @last Modified by: suifengtec coolwp.com
* @last Modified time: 2015-07-21 10:46:52
*/
function hi_ajax(){
if(
isset($_POST['va'])
&&!empty($_POST['va'])
){
$a = maybe_need_to_kill_mysql_injection( $_POST['va'] );
$r = array('r'=>'success','d'=>'ææ¯AJAXè¿åçæ°æ®,æ¨ä¼ éçaçåéæ¯:'.$a);
}else{
$r = array('r'=>'error','d'=>'js没æä¼ éç»æåæ°');
}
echo json_encode($r);
die();
}
function maybe_need_to_kill_mysql_injection( $a ){
$a = stripslashes($a);
$a = htmlspecialchars($a);
$a = mysql_real_escape_string($a);
return $a;
}
hi_ajax();
3.å ³é®ç¹å¿
3.1 æ¯å¦æè¾å ¥ï¼æ²¡æè¾å ¥ï¼å°±ä¸ajaxï¼èå好çè¿è¡æ示ï¼
3.2 æè¾å ¥ï¼ajaxï¼ä½æ¯å¨ä½¿ç¨ajaxè¿PHPçåæ°åï¼è¦å¯¹åæ°è¿è¡å®å ¨è¿æ»¤ï¼
3.3 å¨PHPä¸å¤çajaxä¼ éè¿æ¥çåæ°åï¼è¦è¿è¡è¿åï¼æ好å°æä½ç»æå好çåç°ç»æµè§å¨ç¨æ·ã
4. 示ä¾çæªå¾
4.1 jså¤æ没æè¾å ¥åéï¼åéå¼ä¸ºç©ºï¼
4.2 å 为jsçå端修æ¹å¯è½ä¼è¢«ä¿®æ¹ï¼æ以ï¼è¦å¨PHPä¸åå å¤æ:
4.3 ä¼ éåæ°æ£ç¡®ï¼å¹¶æä½æåçè¿å
liuhe269247054 | æµè§ 11107 次
æ¨èäº2016-06-09 04:01:01æä½³çæ¡
使ç¨ajaxæ¯æä½³éæ©ãä¸é¢æ¥ä¸ªç¤ºä¾ã
html表åï¼
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!DOCTYPE html>
<html lang="zh_CN">
<head>
<meta charset="utf-8" />
<title>Untitled Document</title>
<script src="
<script>
;jQuery(function($){
$('input#ajax-submit').click(function(){
$va = $.trim($('input[name=a]').val());
if(''==$va){
$('#msg').html('<span style="color:red">æ¨æ²¡æè¾å ¥åéAï¼ï¼ï¼</span>');
}else{
$data = {
va:$('input[name=a]').val()
};
$.ajax({
type: 'POST',
url: "baidu.php",
data: $data ,
cache:false,
dataType:'json',
context: document.body,
success: function(res){
if('success'==res.r){
$('#msg').html('<span style="color:green">'+res.d+'</span>');
return false;
}else{
$('#msg').html('<span style="color:red">'+res.d+'</span>');
}
},
error : function() {
$('#msg').html('<span style="color:red">åºäºå¿äºï¼</span>');
return false;
}
});
}
});
});
</script>
</head>
<body>
<form id="ajaxform" name="ajaxform" method="post" action="action.php">
<p>
<label for="a">请è¾å ¥åéA</label><input type="text" name="a" id="a"/>
</p>
<p id="msg"></p>
<p>
<input id ="ajax-submit" type="button" value="æ交"/>
</p>
</form>
</body>
</html>
2. å ¶å¯¹åºçPHPæ件å¯å¯¹jsä¼ éè¿æ¥çåæ°è¿è¡å¤çï¼æå ¥æ°æ®åºãæ¥è¯¢æ°æ®åºãæ´æ°æ°æ®åºçæä½ï¼ï¼ç¤ºä¾ï¼
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<?php
/**
* @author: suifengtec coolwp.com
* @date: 2015-07-21 10:34:35
* @last Modified by: suifengtec coolwp.com
* @last Modified time: 2015-07-21 10:46:52
*/
function hi_ajax(){
if(
isset($_POST['va'])
&&!empty($_POST['va'])
){
$a = maybe_need_to_kill_mysql_injection( $_POST['va'] );
$r = array('r'=>'success','d'=>'ææ¯AJAXè¿åçæ°æ®,æ¨ä¼ éçaçåéæ¯:'.$a);
}else{
$r = array('r'=>'error','d'=>'js没æä¼ éç»æåæ°');
}
echo json_encode($r);
die();
}
function maybe_need_to_kill_mysql_injection( $a ){
$a = stripslashes($a);
$a = htmlspecialchars($a);
$a = mysql_real_escape_string($a);
return $a;
}
hi_ajax();
3.å ³é®ç¹å¿
3.1 æ¯å¦æè¾å ¥ï¼æ²¡æè¾å ¥ï¼å°±ä¸ajaxï¼èå好çè¿è¡æ示ï¼
3.2 æè¾å ¥ï¼ajaxï¼ä½æ¯å¨ä½¿ç¨ajaxè¿PHPçåæ°åï¼è¦å¯¹åæ°è¿è¡å®å ¨è¿æ»¤ï¼
3.3 å¨PHPä¸å¤çajaxä¼ éè¿æ¥çåæ°åï¼è¦è¿è¡è¿åï¼æ好å°æä½ç»æå好çåç°ç»æµè§å¨ç¨æ·ã
4. 示ä¾çæªå¾
4.1 jså¤æ没æè¾å ¥åéï¼åéå¼ä¸ºç©ºï¼
4.2 å 为jsçå端修æ¹å¯è½ä¼è¢«ä¿®æ¹ï¼æ以ï¼è¦å¨PHPä¸åå å¤æ:
4.3 ä¼ éåæ°æ£ç¡®ï¼å¹¶æä½æåçè¿å
温馨提示：答案为网友推荐，仅供参考
