phpajax實例
Ⅰ 求php+jquery+ajax的php拖動排序例子
例子沒有。關於拖動的jquery插件很多~jquery ui就能實現~
如:
<div data-id='1'>1</div>
<div data-id='2'>2</div>
<div data-id='3'>3</div>
排序後為:
<div data-id='2'>2</div>
<div data-id='1'>1</div>
<div data-id='3'>3</div>
思路就是jquery each()函數獲取id,一次寫入字元串中(所得為『2,1,3』),執行ajax請求,將字元串放入數組,key為id,value為序號,所得為:
array(
'2' => '1',
'1' => '2',
'3' => '3'
)
更新資料庫即可。
隨手打的,不知道對你是否有幫助。
Ⅱ 如何使用ajax發送請求給後台的php,實現資料庫的增刪改查的一個完整的案例
前端綁事件調介面php接受參數查詢資料庫返回json前端處理
Ⅲ 請求一個jQuery Ajax JSON 例子 PHP語言的最簡單的就行
演示一個非常簡單的示例,能比較清楚地說明問題。
建兩個文件,分別如下:
文件1:index.html
<!DOCTYPE html>
<html>
<head>
<title>Json</title>
</head>
<body>
<input type="button" value="獲取json數據" id="getJSON" />
<script>
$('#getJSON').click(function(){
$.getJSON('json.php',function(data){
alert('Name:'+data.name+' ,Age:'+data.age+' ,Hobby:'+data.hobby);
});
});
</script>
</body>
</html>
文件2:json.php
<?php
$array=array('name'=>'Tom','age'=>18,'hobby'=>'basketball');
echo json_encode($array);
?>
然後請訪問index.html,就能清楚地看到效果了。
當然了,請在代碼適當位置插入包含jquery的代碼。
Ⅳ PHP中ajax的局部刷新
我只說jquery的吧。
你的表單中添加分類和提交標題name和ID重復。
代碼如下 left by createindex
---------------------------華麗的分割線-----------------------------------
<form action="" method="post">
分類列表:<select name="select" id="select"></select>
分類名稱:<input type="text" name="fenlei" id="fenlei" />
<input type="submit" id="button_add" value="添加分類">
標題:<input type="text" name="biaoti" id="biaoti" />
<input type="submit" id="button_title" value="提交標題" />
</form>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
$(function(){
//添加分類綁定單擊事件
$("#button_add").click(function(){
var fenlei = $("#fenlei").val();//取得表單的值
//Ajax post數據
$.ajax({
type: "POST",//Ajax請求為post
url: "some.php",//ajax請求URL 腳本地址
data: "fenlei="+fenlei, //傳遞的值
success: function(data){ //回調函數 這里的data你可以返回HTML也可以是JSON 為了簡單你返回HTML就可以了。
$("#select").html("").html(data);//將返回的列表插入分類.
//你只需要在後台腳本返回 <option value="xx">sdfsdf</option>之類的可以了。
}
});
});
});
</script>
---------------------------華麗的分割線-----------------------------------
<input type="submit" id="button_add" value="添加分類">
修改為
<input type="button" id="button_add" value="添加分類">
---------------------------華麗的分割線-----------------------------------
不知道你什麼意思。 Jquery的選擇器選擇你要的DOM節點操作就可以了。怎麼控制那是你自己怎麼做的問題。像這種問題自己看文檔就能寫出來的。
Ⅳ php如何獲取jquery ajax傳遞過來的值
方法和詳細的操作步驟如下:
1、第一步,安裝並配置PHP集成環境,以phpstudy為例,見下圖,轉到下面的步驟。
Ⅵ php怎麼利用ajax把內容輸出到其他的頁面
Ajax也不能亂用的 ,要根據它的特性選擇適合應用的場景。Ajax最大的特點就是非同步數據傳輸,後台運行,也就是本頁面提交請求後本頁面顯示處理結果。既然你是要在a.php 發送請求道伺服器處理後再b.php輸出完全沒有用ajax的必要,直接用傳統的模式即可。
Ⅶ php+ajax實現動態調用資料庫並顯示成幻燈片效果
回答:
綜合思路:
1. 大概了解了一下你希望得到的效果,而且也正是我這一周正在攻關的問題,並已經完成最終測試。
2. ajax從另一個php頁面得到圖片地址(以text形式得到,形式以ul/li的html代碼格式在該php頁面中形成並顯示)。
3. 在index.php文件的html代碼部分建立一個隱藏div塊,用以暫放第二條得到的數據。
4. 使用javascript實現圖片輪播效果,並設計一個顯示界面,在下方按照圖片輪播的情況動態顯示圖片介紹(忘了說,這個圖片介紹可在第二條的那個php文件中放入圖片的alt屬性之中。)
6. 和第四條相配合,在html代碼部分加入一個div塊,用以顯示輪播圖片和文字介紹以及控制按鈕,並為其設置id屬性,供javascript使用。
7. 至於需要多麼強悍或炫麗的特效,都可以使用js進行編制,前提是您需要對js有一個基本甚至效好的理解和應用能力。
8. 期間還要有圖片轉入動畫的製作和放置,不過這也只是特效的一部分,如果你希望得到代碼,到時候網路hi我,我可以將我的代碼供你參考,不過這套代碼我暫時還不想公開,你需要的話單獨聯系。望諒解。
===========================================
至於php正則類?如果沒有大量的正則替換工作需要進行的話,最好自己編寫,因為所謂的類都會在一定程序上拉低整體程序性能,(其實是我不喜歡使用,也沒有去了解過,正則都是自己來用php函數寫的。)
=============================
最後,工作順意,才思泉涌!
Ⅷ 求php+ajax 分頁實例
ajax.js代碼:
var http_request=false;
function send_request(url)
{
http_request=false;
//開始初始化XMLHttp對象
if(window.XMLHttpRequest){//MOILLA瀏覽器
http_request=new XMLHttpRequest();
if(http_request.overrideMimeType){
http_request.overrideMimeType("text/xml");
}
}
else if(window.ActiveXObject){//IE 瀏覽器
try{
http_request=new ActiveXObject("Msxml2.XMLHttp");
}catch(e){
try{
http_request=new ActiveXObject("Microsoft.XMLHttp");
}catch(e){}
}
}if(!http_request){
window.alert("創建XMLHttp對象失敗");
return false;
}
http_request.onreadystatechange=processrequest;
//確定發送請求方式,URL,及是否同步執行下段代碼
http_request.open("GET",url,true);
http_request.send(null);
}
//處理返回信息函數
function processrequest(){
if(http_request.readyState==4){
if(http_request.status==200){
document.getElementById(reobj).innerHTML=http_request.responseText;
}else{
alert("您所請求的頁面不正常");
}
}
}
function dopage(obj,url){
document.getElementById(obj).innerHTML="正在讀取數據.....";
send_request(url);
reobj=obj;
}
myajax.php代碼:
<?php
header("Content-type:text/html;charset=gb2312");
?>
<html>
<head>
<title>ajax分頁</title>
<script src="ajax.js"></script>
<style>
.d{font-size:13px}
table{font-size:14px}
a{ text-decoration:none}
</style>
</head>
<body>
<div id="result" class="d">
<?php
$page=isset($_GET["page"])?intval($_GET["page"]):1;
$num=3; //每頁顯示3條數據
$link=mysql_connect("localhost","root","8821") or die("資料庫連接失敗".mysql_error());
mysql_select_db("page") or die("資料庫選擇失敗".mysql_error());
mysql_query("set names 'gb2312'");
$result=mysql_query("select * from student");
$total=mysql_num_rows($result);//查詢所有數據
$url="myajax.php"; //獲取本頁url
//頁碼計算
$pagenum=ceil($total/$num); //獲得總頁數,也是最後一頁
$page=min($pagenum,$page); //獲得首頁
$prepg=$page-1;//上一頁
$nextpg=($page==$pagenum?0:$page+1);//下一頁
$offset=($page-1)*$num;
//開始分頁導航代碼
$pagenav="顯示第<b>".($total?($offset+1):0)."<b>-<b>".min($offset+3,$total)."<b>條記錄,共".$total."條記錄$nbsp;";
//如果只有一頁則跳出函數
if($pagenum<=1) return false;
$pagenav.="<a href=javascript:dopage('result','$url?page=1');>首頁</a>--";
if($prepg)$pagenav.="<a href=javascript:dopage('result','$url?page=$prepg');>前頁--</a>";else $pagenav.="前頁--";
if($nextpg)$pagenav.="<a href=javascript:dopage('result','$url?page=$nextpg');>後頁--</a>";else $pagenav.="後頁--";
$pagenav.="<a href=javascript:dopage('result','$url?page=$pagenum');>尾頁</a>";
$pagenav.="</select>共".$pagenum."頁";
if($page>$pagenum){ //假如傳入的頁面參數大於總頁數 則現實錯誤信息
echo "can not found the page".$page;
exit;
}
$info=mysql_query("select * from student limit $offset,$num");
echo "<table border=3>";
while($it=mysql_fetch_array($info)){
echo "<tr>";
echo "<td>".$it["id"]."</td>";
echo "<td>".$it["name"]."</td>";
echo "<td>".$it["age"]."</td>";
echo "<td>".$it["email"]."</td>";
echo "</tr>";
}
echo "</table>";
echo "<br>";
echo $pagenav;
?>
</div>
</body>
</html>
Ⅸ 如何通過ajax使用阿里雲php版簡訊通道實例
<?php
//處理ajax傳輸值的方法
//發送信息
functionmsg(){
include('include/api_sdk/aliyun-php-sdk-core/smsDemo.php');
$code=mt_rand(100000,999999);//隨機6位數驗證碼
$tel=$_POST['tel'];//獲取提交的電話號碼
$accessKeyId='你的accessKey';
$accessKeySecret='你的accessSecret';
$m=sendSms($accessKeyId,$accessKeySecret,$tel,$code);
//獲取對象--將數據存入session,為後面二次驗證
$_SESSION['code']=$code;
$_SESSION['tel']=$tel;
echo$m->Code;
}
//提交表單後,二次驗證
//手機注冊
functionreg_tel(){
$vercode=$_POST['vercode'];//獲取提交的手機驗證碼
$tel=$_POST['mobile'];//獲取提交的手機號碼
if($tel==''){
message('請填寫手機號再提交');
}
//對手機號進行二次驗證---以防用戶投機取巧,把手機號換成別的注冊
if($tel!=$_SESSION['tel']){
message('兩次填寫手機號不同,請重新獲取驗證碼');
}
//對手機驗證碼進行驗證
if($vercode==$_SESSION['code']){
//成功驗證
//填寫邏輯代碼
//進入下個階段驗證--身份驗證
}else{
message('驗證碼已失效,請重新獲取!');
}
}
?>
前台ajax代碼如下:
<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<title>手機注冊</title>
</head>
<body>
<div><imgsrc="images/logo2.png"></div>
<formaction="/index.php?c=wx_api&a=reg_tel"method="post">
<inputtype="text"id="mobile"name="mobile"value=""tabindex="10"placeholder="輸入手機號碼"/>
<labelid="mobile_error"></label>
<div>
<inputname="vercode"type="text"placeholder="輸入驗證碼">
<ahref="javascript:;">獲取驗證碼</a>
</div>
<label>
<inputtype="checkbox"value="checkbox"checked="checked">我已閱讀並同意<ahref="#">《用戶注冊協議》</a></label>
<inputtype="submit"value="驗證手機">
</form>
<!--<ahref="#"><iclass="iconiconfonticon-weixin"></i>微信登錄</a>-->
<scripttype="text/javascript"src="js/Validate.js"></script>
<scripttype="text/javascript"src="js/Validate.form.js"></script>
<script>
vartimes=60;
functiontime_run(){
times--;
$(".hqyz").text(times+'s');
$("a.hqyz").attr("disabled",true);
if(times==0){
clearInterval(ref);
$(".hqyz").text('重獲取驗證碼');
$("a.hqyz").attr("disabled",false);
}
}
$(document).ready(function(){
$(".hqyz").click(function(){
vartel=$("#mobile").val();
if(tel==''){
alert('請輸入手機號碼');returnfalse;
}
if(!(/^1[34578]d{9}$/.test(tel))){
alert("手機號碼有誤,請重填");
returnfalse;
}
$.post("/index.php?a=msg&tel="+tel,function(d){
if(d=='OK'){
//發送成功,倒計時
ref=setInterval(function(){time_run();},1000);
}else{
alert("驗證碼發送失敗,請重試~");
}
});
});
});
</script>
</body>
</html>
希望對你有幫助。
Ⅹ 求一個簡單的ajax和php實現「請稍後...」(或者gif緩沖圖片)這樣的緩沖效果
下是引用片段:
<scriptlanguage=javascript></script>
然後在這段標記內把<imgsrc="圖片">用document.write("")的型式放進去,就成了
document.write("<imgsrc=圖片>")
現在我們來完成最關建的一段:以下是引用片段:
id=Math.round(Math.random()*2)+1
這樣取得隨機數為1,2,3將你要顯示的圖片改名為1.gif,2.gif,3.gif,ok!最後的代碼是:以下是引用片段:
<scriptlanguage=javascript>
id=Math.round(Math.random()*2)+1
document.write("<imgsrc="+id+".gif>")
</script>
試一下,是不是不錯?那如果我的每一張圖片都對應了一個超鏈接該怎麼辦呢?
我們還是來假設一下有3張圖片,1.gif,2.gif,3.gif,分別對應的鏈接是url1,url2,url3。
為了讓圖片和鏈接一一對應,我們要設置一個數組image來放置鏈接的地址,如下:以下是引用片段:
varimage=newArray(3)
image.length=3
image[1]="url1"
image[2]="url2"
image[3]="url3"
為了將與圖片對應的鏈接取出來,我們還要定義一個數組imageurl=image[id]
原理是這樣的:
當頁面被讀入時,取一個隨機數,假設是2即id=2,那麼如上我們可輕松的完成2.gif在頁面的顯示。然後我們可以看到:imageurl=image[2]而image[2]="url2",剩下的事就好辦了。完整的代碼如下:以下是引用片段:
<scriptlanguage=javascript>
varimage=newArray(3)
image.length=3
image[1]="url1"
image[2]="url2"
image[3]="url3"
id=Math.round(Math.random()*2)+1
imageurl=image[id]
document.write("<ahref="+bannerurl+">"+"<imgsrc="+id+".gif>")
</script>