Php 为什么这段代码在脚本末尾显示ajax脚本中的语法错误
我想尝试从ajax中搜索数据,我在ajax中发送数据和页码,以便将数据调用到特定页面,但它不能正常工作,请告诉我一个解决方案Php 为什么这段代码在脚本末尾显示ajax脚本中的语法错误,php,ajax,Php,Ajax,我想尝试从ajax中搜索数据,我在ajax中发送数据和页码,以便将数据调用到特定页面,但它不能正常工作,请告诉我一个解决方案 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> &
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Member Directory</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="jquery.js"></script>
<script>
function getdata(cat,page)
{
if(cat.length>0)
{
$.ajax({
type: "GET",
url: "getdetail.php",
data: "from="+cat+ "&page="+page ,
success: function(response){
$('.success').fadeIn(200).show();
$('.error').fadeOut(200).hide();
document.getElementById("show1").innerHTML = response;
}
});
}
}
$(document).ready(function(){
$("#searchform").hide();
$("#addvance").click(function(){
$("#searchform").slideToggle(200);
});
});
function search(page) {
$.ajax({
type: "POST",
url: "searchform.php",
data: "page="+ page + "&gender=" + document.getElementById('gender').value + "&gautra=" +document.getElementById('gautra').value+
"&fname=" +document.getElementById('fname').value + "&lname=" +document.getElementById('lname').value+
"&state=" +document.getElementById('state').value + "&city=" +document.getElementById('city').value+
"&birth_place=" +document.getElementById('birth_place').value+ "&mobile=" +document.getElementById('mobile').value ,
success: function(response){
$('.success').fadeIn(200).show();
$('.error').fadeOut(200).hide();
document.getElementById("show1").innerHTML = response;
}
});
});
</script>
<style type="text/css">
.DirectoryLinkTable tr td input[type=button]{
background: none;
border: none;
padding: 0px;
margin-right: 5px;
border-right: 1px solid #333;
padding-right: 5px;
cursor:pointer;
float:left;
font-size:12px;
line-height:20px;
}
.DirectoryLinkTable tr td input[type=button].AdvanceSearch, .AdvanceSearch{
float:right;
border:1px solid #333;
padding:0px 3px;
background:#feef8d;
}
</style>
</head>
<body>
<div>
<table class="DirectoryLinkTable"><tr>
<td>
<input type="button" value="All" class="button" >
<input type="button" value="A" onclick="getdata(this.value,'1')">
<input type="button" value="B" onclick="getdata(this.value,'1')">
<input type="button" value="C" onclick="getdata(this.value,'1')">
<input type="button" value="D" onclick="getdata(this.value,'1')">
<input type="button" value="E" onclick="getdata(this.value,'1')">
<input type="button" value="F" onclick="getdata(this.value,'1')">
<input type="button" value="G" onclick="getdata(this.value,'1')">
<input type="button" value="H" onclick="getdata(this.value,'1')">
<input type="button" value="I" onclick="getdata(this.value,'1')">
<input type="button" value="J" onclick="getdata(this.value,'1')">
<input type="button" value="K" onclick="getdata(this.value,'1')">
<input type="button" value="L" onclick="getdata(this.value,'1')">
<input type="button" value="M" onclick="getdata(this.value,'1')">
<input type="button" value="N" onclick="getdata(this.value,'1')">
<input type="button" value="O" onclick="getdata(this.value,'1')">
<input type="button" value="P" onclick="getdata(this.value,'1')">
<input type="button" value="Q" onclick="getdata(this.value,'1')">
<input type="button" value="R" onclick="getdata(this.value,'1')">
<input type="button" value="S" onclick="getdata(this.value,'1')">
<input type="button" value="T" onclick="getdata(this.value,'1')">
<input type="button" value="U" onclick="getdata(this.value,'1')">
<input type="button" value="V" onclick="getdata(this.value,'1')">
<input type="button" value="W" onclick="getdata(this.value,'1')">
<input type="button" value="X" onclick="getdata(this.value,'1')">
<input type="button" value="Y" onclick="getdata(this.value,'1')">
<input type="button" value="Z" onclick="getdata(this.value,'1')">
<input type="button" value="Advance Search" id="addvance" class="AdvanceSearch">
</td></tr></table>
<form id="searchform" method="post" name="form">
<table>
<tr><td>Gender</td><td><input type="text" name="gender" id="gender"></td><td>Gautra</td><td><select name="gautra" id="gautra" >
<option value="">-Select Gautra-</option>
<option value="Sonigra">Sonigra</option>
<option value="Devda">Devda</option>
<option value="Jodha">Jodha</option>
<option value="Ranawat">Ranawat</option>
<option value="dulawat">Dulawat</option>
</select></td></tr>
<tr><td>First Name</td><td><input type="text" name="fname" id="fname"></td><td>Last Name</td><td><input type="text" name="lname" id="lname"></td></tr>
<tr><td>State</td><td><input type="text" name="state" id="state" ></td><td>City</td><td><input type="text" name="city" id="city"></td></tr>
<tr><td>Birth Place</td><td><input type="text" name="birth_place" id="birth_place"></td><td>Mobile Num.</td><td><input type="text" name="mobile" id="mobile"></td></tr>
<tr><td height="26"><input type="button" value="search" id="" class="AdvanceSearch button" onclick="search('1')" ></td></tr>
</table>
</form>
</div>
<div id="show1">
</div>
<div>
</div>
</div>
</body>
</html>
成员目录
函数getdata(目录,第页)
{
如果(类别长度>0)
{
$.ajax({
键入:“获取”,
url:“getdetail.php”,
数据:“from=“+cat+”&page=“+page,
成功:功能(响应){
$('.success').fadeIn(200.show();
$('.error').fadeOut(200.hide();
document.getElementById(“show1”).innerHTML=响应;
}
});
}
}
$(文档).ready(函数(){
$(“#搜索表单”).hide();
$(“#添加”)。单击(函数(){
$(“#搜索表单”)。幻灯片切换(200);
});
});
功能搜索(第页){
$.ajax({
类型:“POST”,
url:“searchform.php”,
数据:“page=“+page+”&gender=“+document.getElementById('gender').value+”&gautra=“+document.getElementById('gautra').value+
“&fname=“+document.getElementById('fname').value+”&lname=“+document.getElementById('lname').value+
“&state=“+document.getElementById('state').value+”&city=“+document.getElementById('city').value+
“&birth_-place=“+document.getElementById('birth_-place').value+”&mobile=“+document.getElementById('mobile').value,
成功:功能(响应){
$('.success').fadeIn(200.show();
$('.error').fadeOut(200.hide();
document.getElementById(“show1”).innerHTML=响应;
}
});
});
.DirectoryLinkTable tr td输入[类型=按钮]{
背景:无;
边界:无;
填充:0px;
右边距:5px;
右边框:1px实心#333;
右侧填充:5px;
光标:指针;
浮动:左;
字体大小:12px;
线高:20px;
}
.DirectoryLinkTable tr td输入[type=按钮].AdvanceSearch、.AdvanceSearch{
浮动:对;
边框:1px实心#333;
填充:0px 3px;
背景:#feef8d;
}
GenderGautra
-选择高特拉-
索尼格拉
德夫达
久德哈
拉那瓦
杜拉瓦特
姓
州
出生地点。
更换})代码>与}
在最后一行。但它工作不正常什么?让我们知道您具体得到了什么错误?您不应该使用所有这些onclick
属性,而应该使用jquery的事件绑定技术:$('.DirectoryLinkTable:button')。单击(getData)
现在也是2013年,我们仍然使用HTML表格进行布局?