建2個頁面
創(chuàng)新互聯(lián)建站長期為上千客戶提供的網(wǎng)站建設(shè)服務(wù),團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年,關(guān)注不同地域、不同群體,并針對不同對象提供差異化的產(chǎn)品和服務(wù);打造開放共贏平臺,與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為儋州企業(yè)提供專業(yè)的成都網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè),儋州網(wǎng)站改版等技術(shù)服務(wù)。擁有十年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。
1、test.php頁面,代碼如下:
title/title
script src="jquery-1.4.2.min.js" type="text/javascript"/script
script type="text/javascript"
$(function(){
x=100000;
y=1;
$("#dosubmit").click(function(){
var rand=parseInt(Math.random()* (x - y ));
var rand1=String.fromCharCode(Math.floor( Math.random() * 26) + "a".charCodeAt(0));
var col="input name=info["+rand1+rand+"] type='text' class='text' value='"+rand+"' /";
$("input[id=submit]").before(col);
})
$("#submit").click(function(){
$("form input[class=text]").each(function(){
var val=$(this).val();
})
})
})
/script
meta http-equiv="Content-Type" content="text/html; charset=utf-8"
div class="con"
form name="form1" action="testsave.php" method="post"
input name="info[name]" class="text" value="10" type="text"
input name="" class="text1" value="顯示" id="submit" type="submit"
/form
input name="" class="text1" value="增加" id="dosubmit" type="submit"br
/div
2、保存提交過來的值頁面testsave.php頁面。代碼如下:
script src="jquery-1.4.2.min.js" type="text/javascript"/script
?php
$value="";
$test='test';
$conn=mysql_connect('localhost','root','0000','test');
mysql_select_db($test,$conn);
foreach($_POST['info'] as $key){
$value=$value.','.$key;
}
$sql="insert into base (name) values ('$value')";
if(mysql_query($sql)){
echo "添加成功br /";
}
?
input type="button" name="button" id="button" value="顯示/隱藏內(nèi)容"
input type="button" name="domit" id="domit" value="返回"
div class="content" style="display:none"
?php
$sql1="select id,name from base";
$query=mysql_query($sql1);
while($result=mysql_fetch_array($query)){
echo $result['id']."========".$result['name']."br /";
}
?
/div
?php
mysql_close($conn);
?
script type="text/javascript"
$(function(){
$("#button").bind("click",function(){
var show=$("div.content");
if(show.is(":visible")){
show.hide();
}
else{
show.show();
}
})
$("#domit").click(function(){
window.history.go(-1);
})
})
/script
其實(shí)不用再前端提交IP的,
用戶提交數(shù)據(jù)給后端處理的時候,就可以獲取到用戶的IP地址的
$ip = GetyonghuIP(); 這樣你就能獲取到用戶IP地址,
然后 插入數(shù)據(jù)庫中即可,
壓根不用前端提交的。
這個很簡單,給你舉一個例子吧,首先在包含js的頁面寫一個:
script
language='javascript'
var
a='hello
word';//a
為要傳送的值
window.location.href="xxx/arget.php?insert="+a;//target為任意一個目標(biāo)文件用來接收這個變量a
/script
然后你在target.php文件中這樣寫:
?php
if(!empty($_GET['insert'])){
//
插入或者更新大數(shù)據(jù)庫就可以了
}
?
要用javascript調(diào)用php獲取數(shù)據(jù)庫接口,是一個很常見的前后端交互操作
通過javascript發(fā)送http請求php的API接口,php連接數(shù)據(jù)庫并查詢結(jié)果,最后返回出來
這樣javascript就能獲取到數(shù)據(jù)庫的數(shù)據(jù)