Php ajaxjquery相关：-如何在AJAX加载的页面上调用AJAX
假设我通过AJAX调用search。现在我想在页面上调用另一个AJAX，它将由AJAX加载并可以编辑Php ajaxjquery相关：-如何在AJAX加载的页面上调用AJAX,php,javascript,ajax,jquery,Php,Javascript,Ajax,Jquery,假设我通过AJAX调用search。现在我想在页面上调用另一个AJAX，它将由AJAX加载并可以编辑 <input type="button" id=sb value="Search Contacts" /> <input type="text" name="search" placeholder="search contacts" id="s1" style="display:none" /> <input type="text" id="b1" value=
<input type="button" id=sb value="Search Contacts" />
<input type="text" name="search" placeholder="search contacts" id="s1" style="display:none" />
<input type="text" id="b1" value="<?php echo $username ; ?>" style="display:none;float:left" />
您需要使用Jquery委托将事件绑定到活动元素
$('body').delegate('#yourtableid','click /*or watever you want*/',function(){
//do stuff here (editing)
});
假设您基本上有这样的结构和jQuery1.7+
<div id="resultContainer">
<table>
<tr>
<!-- editable data -->
<span>data</span>
<!-- that turns into like this on click -->
<form>
<input type="text" value="data">
<input type="submit" value="save">
我的应用程序的PHP页面，在此实时搜索中，我应用了分页
<html>
<head>
<script type="text/javascript">
//====================================================================================================================
//============================================first call when page load=============================================
function ajaxCall(n)
{
//alert("display ajacCall ");
//alert("page no ::"+n);
var ajaxRequest;
try
{
ajaxRequest = new XMLHttpRequest();
}
catch (e)
{
try
{
ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("Your browser broke!");
return false;
}
}
}
ajaxRequest.onreadystatechange=function()
{
if(ajaxRequest.readyState==4)
{
//alert("Response :: "+ajaxRequest.responseText);
document.getElementById("displayButton").innerHTML=ajaxRequest.responseText;
if(n!=0)
{
disp_Record(n);
}
else
{
disp_Record(0);
}
}
}
var query="ajaxhendler.php?msg=select";
//alert("Request ::" +query);
ajaxRequest.open("POST",query,true);
ajaxRequest.send();
}
//================================================Display Recodr to button Press================================================
//================================================Display Record to Static Button===============================================
function disp_Record(n)
{
//alert("display record function");
var ajaxRequest;
try
{
ajaxRequest = new XMLHttpRequest();
}
catch (e)
{
try
{
ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("Your browser broke!");
return false;
}
}
}
ajaxRequest.onreadystatechange=function()
{
if(ajaxRequest.readyState==4)
{
//alert("Response :: "+ajaxRequest.responseText);
document.getElementById("displayRecord").innerHTML=ajaxRequest.responseText;
}
}
//alert("txt::"+ txt)
var query="ajaxhendler.php?msg=selectRecordNo&no_of_record="+n;
//alert("Request ::" +query);
ajaxRequest.open("POST",query,true);
ajaxRequest.send();
}
//==============================================For Live search==============================================================
//===========================================For live search Display Button=================================================
function callSearch(n,text)
{
//alert("call Search First Function");
var ajaxRequest;
try
{
ajaxRequest = new XMLHttpRequest();
}
catch (e)
{
try
{
ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("Your browser broke!");
return false;
}
}
}
ajaxRequest.onreadystatechange=function()
{
if(ajaxRequest.readyState==4)
{
//alert("Response :: "+ajaxRequest.responseText);
document.getElementById("displayButton").innerHTML=ajaxRequest.responseText;
if(n!=0)
{
disp_Record_live(n,text);
}
else
{
disp_Record_live(0,text);
}
}
}
var txt=document.getElementById("txtsearch").value;
//alert("txt::"+ txt)
var query="ajaxhendler.php?msg=selectRecord&txt="+txt;
//alert("Request ::" +query);
ajaxRequest.open("POST",query,true);
ajaxRequest.send();
}
//====================================================================================================================
function disp_Record_live(n,text)
{
//alert("Display Record live Second Function");
var ajaxRequest;
try
{
ajaxRequest = new XMLHttpRequest();
}
catch (e)
{
try
{
ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("Your browser broke!");
return false;
}
}
}
ajaxRequest.onreadystatechange=function()
{
if(ajaxRequest.readyState==4)
{
//alert("Response :: "+ajaxRequest.responseText);
document.getElementById("displayRecord").innerHTML=ajaxRequest.responseText;
}
}
var txt=document.getElementById("txtsearch").value;
//alert("txt::"+ txt)
var query="ajaxhendler.php?msg=select_Record_No_live&no_of_record_live="+n+"&findR="+txt;
//alert("Request ::" +query);
ajaxRequest.open("POST",query,true);
ajaxRequest.send();
}
</script>
</head>
<body onLoad="<?php if($_GET['txt']=="")
{
echo "ajaxCall(";
$n=0; if($_GET['page']!=null)
{
echo $_GET['page'];
}
else
{
echo $n;
}
echo ")";
}
else
{
echo "callSearch(";
echo $_GET['page'].",'".$_GET['txt']."')";
} ?>" onUnload="msg()" bgcolor="#CCCCCC">
<form>
<table width="100%">
<tr bgcolor="#CCFFCC">
<td colspan="5">
<font color="#CC6666">Search Record By Name</font><input type="text" name="txtsearch" id="txtsearch" value="<?php echo $_GET['txt'];?>" onKeyUp="callSearch(<?php
$n=0;
if($_GET['page']!=null)
{
echo $_GET['page'].",'".$_GET['txt']."'";
}
else
{ echo $n;}
?> )"/>
</td>
<td align="right">
<a href="insert.php">Insert Record</a>
</td>
</tr>
</table>
<table width="100%">
<tr>
<td>
<div id="displayRecord"></div>
</td>
</tr>
<tr>
<td>
<div id="displayButton">
</div>
</td>
</tr>
</table>
</form>
</body>
</html>
//====================================================================================================================
//======================================================================页面加载时的第一次调用=============================================
函数ajaxCall（n）
{
//警报（“显示ajacCall”）；
//警报（“页码：：”+n）；
var ajaxRequest；
尝试
{
ajaxRequest=新的XMLHttpRequest（）；
}
捕获（e）
{
尝试
{
ajaxRequest=newActiveXObject（“Msxml2.XMLHTTP”）；
}
捕获（e）
{
尝试
{
ajaxRequest=新的ActiveXObject（“Microsoft.XMLHTTP”）；
}
捕获（e）
{
警告（“你的浏览器坏了！”）；
返回false；
}
}
}
ajaxRequest.onreadystatechange=函数（）
{
if（ajaxRequest.readyState==4）
{
//警报（“响应：：”+ajaxRequest.responseText）；
document.getElementById（“displayButton”）.innerHTML=ajaxRequest.responseText；
如果（n！=0）
{
显示记录（n）；
}
其他的
{
显示记录（0）；
}
}
}
var query=“ajaxhendler.php？msg=select”；
//警报（“请求：：”+查询）；
打开（“POST”，查询，true）；
ajaxRequest.send（）；
}
//========================================================================================显示重新录制到按钮按下================================================
//=========================================================================显示记录到静态按钮===============================================
功能显示记录（n）
{
//警报（“显示记录功能”）；
var ajaxRequest；
尝试
{
ajaxRequest=新的XMLHttpRequest（）；
}
捕获（e）
{
尝试
{
ajaxRequest=newActiveXObject（“Msxml2.XMLHTTP”）；
}
捕获（e）
{
尝试
{
ajaxRequest=新的ActiveXObject（“Microsoft.XMLHTTP”）；
}
捕获（e）
{
警告（“你的浏览器坏了！”）；
返回false；
}
}
}
ajaxRequest.onreadystatechange=函数（）
{
if（ajaxRequest.readyState==4）
{
//警报（“响应：：”+ajaxRequest.responseText）；
document.getElementById（“displayRecord”）.innerHTML=ajaxRequest.responseText；
}
}
//警报（“txt:：”+txt）
var query=“ajaxhendler.php？msg=selectRecordNo&no\u of\u record=“+n；
//警报（“请求：：”+查询）；
打开（“POST”，查询，true）；
ajaxRequest.send（）；
}
//==========================================================================================用于实时搜索==============================================================
//========================================================================用于实时搜索显示按钮=================================================
函数调用搜索（n，文本）
{
//警报（“呼叫搜索第一功能”）；
var ajaxRequest；
尝试
{
ajaxRequest=新的XMLHttpRequest（）；
}
捕获（e）
{
尝试
{
ajaxRequest=newActiveXObject（“Msxml2.XMLHTTP”）；
}
捕获（e）
{
尝试
{
ajaxRequest=新的ActiveXObject（“Microsoft.XMLHTTP”）；
}
捕获（e）
{
警告（“你的浏览器坏了！”）；
返回false；
}
}
}
ajaxRequest.onreadystatechange=函数（）
{
if（ajaxRequest.readyState==4）
{
//警报（“响应：：”+ajaxRequest.responseText）；
document.getElementById（“displayButton”）.innerHTML=ajaxRequest.responseText；
如果（n！=0）
{
现场显示记录（n，文本）；
}
其他的
{
显示记录（0，文本）；
}
}
}
var txt=document.getElementById（“txtsearch”）.value；
//警报（“txt:：”+txt）
var query=“ajaxhendler.php？msg=selectRecord&txt=“+txt；
//警报（“请求：：”+查询）；
打开（“POST”，查询，true）；
ajaxRequest.send（）；
}
//====================================================================================================================
功能显示记录（n，文本）
{
//警报（“显示记录实时第二功能”）；
var ajaxRequest；
尝试
{
ajaxRequest=新的XMLHttpRequest（）；
<html>
<head>
<script type="text/javascript">
//====================================================================================================================
//============================================first call when page load=============================================
function ajaxCall(n)
{
//alert("display ajacCall ");
//alert("page no ::"+n);
var ajaxRequest;
try
{
ajaxRequest = new XMLHttpRequest();
}
catch (e)
{
try
{
ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("Your browser broke!");
return false;
}
}
}
ajaxRequest.onreadystatechange=function()
{
if(ajaxRequest.readyState==4)
{
//alert("Response :: "+ajaxRequest.responseText);
document.getElementById("displayButton").innerHTML=ajaxRequest.responseText;
if(n!=0)
{
disp_Record(n);
}
else
{
disp_Record(0);
}
}
}
var query="ajaxhendler.php?msg=select";
//alert("Request ::" +query);
ajaxRequest.open("POST",query,true);
ajaxRequest.send();
}
//================================================Display Recodr to button Press================================================
//================================================Display Record to Static Button===============================================
function disp_Record(n)
{
//alert("display record function");
var ajaxRequest;
try
{
ajaxRequest = new XMLHttpRequest();
}
catch (e)
{
try
{
ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("Your browser broke!");
return false;
}
}
}
ajaxRequest.onreadystatechange=function()
{
if(ajaxRequest.readyState==4)
{
//alert("Response :: "+ajaxRequest.responseText);
document.getElementById("displayRecord").innerHTML=ajaxRequest.responseText;
}
}
//alert("txt::"+ txt)
var query="ajaxhendler.php?msg=selectRecordNo&no_of_record="+n;
//alert("Request ::" +query);
ajaxRequest.open("POST",query,true);
ajaxRequest.send();
}
//==============================================For Live search==============================================================
//===========================================For live search Display Button=================================================
function callSearch(n,text)
{
//alert("call Search First Function");
var ajaxRequest;
try
{
ajaxRequest = new XMLHttpRequest();
}
catch (e)
{
try
{
ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("Your browser broke!");
return false;
}
}
}
ajaxRequest.onreadystatechange=function()
{
if(ajaxRequest.readyState==4)
{
//alert("Response :: "+ajaxRequest.responseText);
document.getElementById("displayButton").innerHTML=ajaxRequest.responseText;
if(n!=0)
{
disp_Record_live(n,text);
}
else
{
disp_Record_live(0,text);
}
}
}
var txt=document.getElementById("txtsearch").value;
//alert("txt::"+ txt)
var query="ajaxhendler.php?msg=selectRecord&txt="+txt;
//alert("Request ::" +query);
ajaxRequest.open("POST",query,true);
ajaxRequest.send();
}
//====================================================================================================================
function disp_Record_live(n,text)
{
//alert("Display Record live Second Function");
var ajaxRequest;
try
{
ajaxRequest = new XMLHttpRequest();
}
catch (e)
{
try
{
ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("Your browser broke!");
return false;
}
}
}
ajaxRequest.onreadystatechange=function()
{
if(ajaxRequest.readyState==4)
{
//alert("Response :: "+ajaxRequest.responseText);
document.getElementById("displayRecord").innerHTML=ajaxRequest.responseText;
}
}
var txt=document.getElementById("txtsearch").value;
//alert("txt::"+ txt)
var query="ajaxhendler.php?msg=select_Record_No_live&no_of_record_live="+n+"&findR="+txt;
//alert("Request ::" +query);
ajaxRequest.open("POST",query,true);
ajaxRequest.send();
}
</script>
</head>
<body onLoad="<?php if($_GET['txt']=="")
{
echo "ajaxCall(";
$n=0; if($_GET['page']!=null)
{
echo $_GET['page'];
}
else
{
echo $n;
}
echo ")";
}
else
{
echo "callSearch(";
echo $_GET['page'].",'".$_GET['txt']."')";
} ?>" onUnload="msg()" bgcolor="#CCCCCC">
<form>
<table width="100%">
<tr bgcolor="#CCFFCC">
<td colspan="5">
<font color="#CC6666">Search Record By Name</font><input type="text" name="txtsearch" id="txtsearch" value="<?php echo $_GET['txt'];?>" onKeyUp="callSearch(<?php
$n=0;
if($_GET['page']!=null)
{
echo $_GET['page'].",'".$_GET['txt']."'";
}
else
{ echo $n;}
?> )"/>
</td>
<td align="right">
<a href="insert.php">Insert Record</a>
</td>
</tr>
</table>
<table width="100%">
<tr>
<td>
<div id="displayRecord"></div>
</td>
</tr>
<tr>
<td>
<div id="displayButton">
</div>
</td>
</tr>
</table>
</form>
</body>
</html>
<?php
$page_name = "http://localhost/desk.php";
$msg=$_GET['msg'];
if($msg=='select')
{
load_pages($_GET['page']);
}
if($msg=="selectRecord")
{
live_search_pages();
}
if($msg=="selectRecordNo")
{
$n=$_GET['no_of_record'];
disp_Record($n);
}
if($msg=="select_Record_No_live")
{
$n=$_GET['no_of_record_live'];
live_search($n,$t);
}
//==================================================================pages============================================
//=====================================================Static button================================================
function load_pages($page)
{
$cn=mysql_connect("localhost","root","");
mysql_select_db("per_info",$cn);
$query="SELECT count(*) 'TR' from p_info";
$rs = mysql_query($query);
$rec = mysql_fetch_array($rs);
$n=$rec['TR'];
if($n>0)
{
$pages=ceil($n/3);
$i=0;
echo "<table align=\"center\"><tr><td align=\"right\" bgcolor=\"#666666\"><font color=\"#FFFFFF\">Pages : </td><td align=\"center\" bgcolor=\"#666666\">";
while($i<$pages)
{
echo "<input type=\"button\" value=\"".($i+1).""; echo "\" onclick=\"disp_Record(".($i*3).")\" />";
$i=$i+1;
}
echo "</td></tr></table>";
}
else
{
echo "No Record Found";
}
}
//============================================Selected record Display By Button========================================
//==========================================Display Record for static Record==========================================
function disp_Record($btn)
{
$cn=mysql_connect("localhost","root","");
mysql_select_db("per_info",$cn);
//$btn=1;
$query="SELECT u.p_id 'ID', u.p_name 'NAME', u.p_add 'ADDRESS', l1.loc_name 'CITY', l2.loc_name
'STATE',u.p_gen
'GENDER', u.p_photo 'PIC', u.p_phone 'PH'
FROM p_info u, tbl_state l1, tbl_state l2
WHERE u.p_city = l1.loc_id
AND l2.loc_id = l1.loc_parent ORDER BY u.p_id desc LIMIT ".$btn.", 3";
$rs = mysql_query($query);
echo "<table width=\"100%\" frame=\"hsides\" >
<th bgcolor=\"#666666\"><font color=\"#FFFFFF\">Name</font></th>
<th bgcolor=\"#666666\"><font color=\"#FFFFFF\">Address</font></th>
<th bgcolor=\"#666666\"><font color=\"#FFFFFF\">City</font></th>
<th bgcolor=\"#666666\"><font color=\"#FFFFFF\">State</font></th>
<th bgcolor=\"#666666\"><font color=\"#FFFFFF\">Gender</font></th>
<th bgcolor=\"#666666\"><font color=\"#FFFFFF\">Photo</font></th>
<th bgcolor=\"#666666\"><font color=\"#FFFFFF\">Phone No</font></th>
<th bgcolor=\"#666666\"></th>
<th bgcolor=\"#666666\"></th>";
while($row=mysql_fetch_array($rs))
{
echo "<tr>
<td>".$row['NAME']."</td>
<td>".$row['ADDRESS']."</td>
<td>".$row['CITY']."</td>
<td>".$row['STATE']."</td>
<td>";if($row['GENDER']=="1")
{
echo "Male";
}
else
{
echo "Female";
}
echo "</td>
<td>
<img src=\"".$row['PIC']."\" alt=\"Pulpit rock\" width=\"50\" height=\"50\" />
</td>";
echo "<td>".$row['PH']."</td>
<td><input type=\"button\" value=\"Edit\" onclick=\"getid(".$row['ID'].",".$btn.",'')\"/></td>
<td><input type=\"button\" value=\"Delete\" onclick=\"callDelete(".$row['ID'].",".$btn.",'')\"/></td>
</tr>";
}
}
//==========================================================Live search By Button=====================================
function live_search_pages()
{
$txt=$_GET['txt'];
$cn=mysql_connect("localhost","root","");
mysql_select_db("per_info",$cn);
$query="SELECT count(*) 'TR' from p_info where p_name like '".$txt."%'";
$rs = mysql_query($query);
$rec = mysql_fetch_array($rs);
$n=$rec['TR'];
if($n>0)
{
$pages=ceil($n/3);
$i=0;
echo "<table align=\"center\"><tr><td align=\"right\" bgcolor=\"#666666\"><font color=\"#FFFFFF\">Pages : </td><td align=\"center\" bgcolor=\"#666666\">";
while($i<$pages)
{
echo "<input type=\"button\" value=\"".($i+1).""; echo "\" onclick=\"disp_Record_live(".($i*3).")\" />";
$i=$i+1;
}
echo "<td></tr></table>";
}
else
{
echo "No record Found";
}
}
//================================================================Live search==========================================
function live_search($btn,$text)
{
$txt=$_GET['findR'];
$text=$_GET['text'];
$cn=mysql_connect("localhost","root","");
mysql_select_db("per_info",$cn);
if($text==null)
{
$query="SELECT u.p_id 'ID', u.p_name 'NAME', u.p_add 'ADDRESS', l1.loc_name 'CITY', l2.loc_name 'STATE', u.p_gen
'GENDER', u.p_photo 'PIC', u.p_phone 'PH'
FROM p_info u, tbl_state l1, tbl_state l2
WHERE u.p_city = l1.loc_id
AND l2.loc_id = l1.loc_parent
AND u.p_name LIKE '".$txt."%' ORDER BY u.p_id desc LIMIT ".$btn.", 3";
}
else
{
$query="SELECT u.p_id 'ID', u.p_name 'NAME', u.p_add 'ADDRESS', l1.loc_name 'CITY', l2.loc_name 'STATE',u.p_gen
'GENDER', u.p_photo 'PIC', u.p_phone 'PH'
FROM p_info u, tbl_state l1, tbl_state l2
WHERE u.p_city = l1.loc_id
AND l2.loc_id = l1.loc_parent
AND u.p_name LIKE '".$text."%' ORDER BY u.p_id desc LIMIT ".$btn.", 3";
}
if($rs=mysql_query($query))
{
echo "<table width=\"100%\" frame=\"hsides\">
<th bgcolor=\"#666666\"><font color=\"#FFFFFF\">Name</font></th>
<th bgcolor=\"#666666\"><font color=\"#FFFFFF\">Address</font></th>
<th bgcolor=\"#666666\"><font color=\"#FFFFFF\">City</font></th>
<th bgcolor=\"#666666\"><font color=\"#FFFFFF\">State</font></th>
<th bgcolor=\"#666666\"><font color=\"#FFFFFF\">Gender</font></th>
<th bgcolor=\"#666666\"><font color=\"#FFFFFF\">Photo</font></th>
<th bgcolor=\"#666666\"><font color=\"#FFFFFF\">Phone No</font></th>
<th bgcolor=\"#666666\"></th>
<th bgcolor=\"#666666\"></th>";
while($row=mysql_fetch_array($rs))
{
echo "<tr>
<td>".$row['NAME']."</td>
<td>".$row['ADDRESS']."</td>
<td>".$row['CITY']."</td>
<td>".$row['STATE']."</td>
<td>";if($row['GENDER']=="1")
{
echo "Male";
}
else
{
echo "Female";
}
echo "</td>
<td>
<img src=\"".$row['PIC']."\" alt=\"Pulpit rock\" width=\"50\" height=\"50\" />
</td>";
echo "<td>".$row['PH']."</td>
<td><input type=\"button\" value=\"Edit\" onclick=\"getid(".$row['ID'].",".$btn.",'".$txt."')\"/></td>
<td><input type=\"button\" value=\"Delete\" onclick=\"callDelete(".$row['ID'].",".$btn.",'".$txt."')\"/></td>
</tr>";
}
}
else
{
echo "error";
}
}
?>