单击按钮图像应转到search.php 函数loadXMLDoc(){ $(“输入[class=search]”)。绑定(“键控”,函数(){ $.get(“search.php?search=“+$(this.val()”, 功能(数据){ 如果(数据==1){ 警报(“这是有效的搜索”) }否则{ 警报(“这是正确的用户搜索”); } } ); }); }
下面是按钮图像代码单击按钮图像应转到search.php 函数loadXMLDoc(){ $(“输入[class=search]”)。绑定(“键控”,函数(){ $.get(“search.php?search=“+$(this.val()”, 功能(数据){ 如果(数据==1){ 警报(“这是有效的搜索”) }否则{ 警报(“这是正确的用户搜索”); } } ); }); },php,javascript,Php,Javascript,下面是按钮图像代码 <script> function loadXMLDoc() { $("input[class=search]").bind("keyup",function(){ $.get("search.php?search="+$(this).val(), function(data){ if(data==1) {
<script>
function loadXMLDoc() {
$("input[class=search]").bind("keyup",function(){
$.get("search.php?search="+$(this).val(),
function(data){
if(data==1) {
alert("this is valid search")
} else {
alert("this is a right user search");
}
}
);
});
}
</script>
它将执行函数,但不执行ajax代码更改此项:
<table width="165" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<img src="images/search_box_left_im.png" width="3" height="28" />
</td>
<td class="inputbox_bg" width="118px">
<input type="text" name="search" class="username">
</td>
<td>
<input type="image" onclick="loadXMLDoc()" src="images/search_go_btn.png" border="0" width="44" height="28" />
</td>
</tr>
</table>
函数loadXMLDoc()
{
$(“输入[class=search]”)。绑定(“键控”,函数(){
$.get(“search.php?search=“+$(this).val(),函数(数据){
如果(数据==1){
警报(“这是有效的搜索”)
}否则{
警报(“这是正确的用户搜索”);
}
})
})
}
为此:
<script>
function loadXMLDoc()
{
$("input[class=search]").bind("keyup",function(){
$.get("search.php?search="+$(this).val(),function(data){
if(data==1){
alert("this is valid search")
}else{
alert("this is a right user search");
}
})
})
}
</script>
函数loadXMLDoc()
{
$(“输入[name=search]”).bind(“键控”,function(){/$(文档).ready(函数()){
$(“.username”).keyup(函数(事件){/请尝试以下操作:
$(document).ready(function(){
$(".username").keyup(function(event){ //<- important bit here
$.get("search.php?search="+$(this).val(),function(data){
if(data==1){
alert("this is valid search")
}else{
alert("this is a right user search");
}
});
});
$('input[type=image]').click(function() {
$('.username').keyup();
});
});
函数loadXMLDoc(){
$.ajax({
键入:“GET”,
url:'search.php?search='+$(“.username”).val(),
成功:函数(数据){
如果(数据==1){
警报(“这是有效的搜索”)
}否则{
警报(“这是正确的用户搜索”);
}
}
});
}
您的
是表单的提交按钮。
您要做的是将其默认行为(提交表单)更改为可选-执行一些代码。
这是一个很好的问题:
除此之外,您还要分配两次事件侦听器—一次在
中,第二次在事件处理程序$(“输入[class=search]”)中。bind()
尝试删除您的
,并在$(文档).ready()中定义事件侦听器。
:
$(文档).ready(函数(){
$(“输入[class=search]”)。绑定(“键控”,函数(e){
e、 预防默认值();
$.get(“search.php?search=“+$(this).val(),函数(数据){
如果(数据==1){
警报(“这是有效的搜索”)
}否则{
警报(“这是正确的用户搜索”);
}
});
});
});
...
...
Lucas它不起作用,我在javascript中保存了一条警报消息,但警报不起作用,无法进入search.phpuseconsole.log(数据)
为了检查数据,找出我不是开发ajax代码的专家的原因,我只是在某个地方复制了它。请帮助我,以便我能够继续前进。当然,函数仅在这里停止$.ajax({
$(document).ready(function(){
$(".username").keyup(function(event){ //<- important bit here
$.get("search.php?search="+$(this).val(),function(data){
if(data==1){
alert("this is valid search")
}else{
alert("this is a right user search");
}
});
});
$('input[type=image]').click(function() {
$('.username').keyup();
});
});
<script>
function loadXMLDoc() {
$.ajax({
type: 'GET',
url: 'search.php?search='+$(".username").val(),
success: function(data){
if(data==1) {
alert("this is valid search")
} else {
alert("this is a right user search");
}
}
});
}
</script>
<script>
$(document).ready(function() {
$("input[class=search]").bind("keyup",function(e){
e.preventDefault();
$.get("search.php?search="+$(this).val(),function(data){
if(data==1){
alert("this is valid search")
}else{
alert("this is a right user search");
}
});
});
});
</script>
...
<input type="image" src="images/search_go_btn.png" border="0" width="44" height="28" />
...