不允許,必須讓index也改為php,不然是不可以使用的
創(chuàng)新互聯(lián)主要從事成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)楚雄州,10余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18980820575
改完后綴以后更改HTML內(nèi)容:
?php?include('config.php');
html
head
title?php?echo?$biaoti;/title
/head
body
font?php?echo?$neirong;/font
/body
/html
使用ajax是最佳選擇。下面來個(gè)示例。
html表單:
!DOCTYPE html
html lang="zh_CN"
head
meta charset="utf-8" /
titleUntitled 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"請(qǐng)輸入變量A/labelinput type="text" name="a" id="a"/
/p
p id="msg"/p
p
input id ="ajax-submit" type="button" value="提交"/
/p
/form
/body
/html
2. 其對(duì)應(yīng)的PHP文件可對(duì)js傳遞過來的參數(shù)進(jìn)行處理(插入數(shù)據(jù)庫、查詢數(shù)據(jù)庫、更新數(shù)據(jù)庫等操作),示例:
?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返回的數(shù)據(jù),您傳遞的a的變量是:'.$a);
}else{
$r = array('r'='error','d'='js沒有傳遞給我參數(shù)');
}
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.關(guān)鍵點(diǎn)兒
3.1 是否有輸入,沒有輸入,就不ajax,而友好的進(jìn)行提示;
3.2 有輸入,ajax,但是在使用ajax進(jìn)PHP的參數(shù)前,要對(duì)參數(shù)進(jìn)行安全過濾;
3.3 在PHP中處理ajax傳遞過來的參數(shù)后,要進(jìn)行返回,最好將操作結(jié)果友好的呈現(xiàn)給瀏覽器用戶。
4. 示例的截圖
4.1 js判斷沒有輸入變量(變量值為空)
4.2 因?yàn)閖s的前端修改可能會(huì)被修改,所以,要在PHP中再加判斷:
4.3 傳遞參數(shù)正確,并操作成功的返回
第一種:把$user的值賦值給全局?jǐn)?shù)組。
第二種:header("Location: index.html"); 在這個(gè)代碼傳參數(shù)到index.html頁面,index頁面改成index.php
兩種辦法:
一種是將 html 文件的擴(kuò)展名改為 .php,然后修改部分代碼:
span?php?echo?$name;??/span
另一種是通過 ajax 返回?cái)?shù)據(jù)顯示。