ajax jquery返回整个页面

之前已经问过这个问题,但答案似乎对我不起作用。 当我执行自动完成搜索时,我的Ajax返回整个页面</ p>

ajax从数据库中搜索</ p>

  $(function(){$(  “.search_keyword”)。keyup(function(){
var search_keyword_value = $(this).val();
var dataString ='search_keyword ='+ search_keyword_value;
if(search_keyword_value!='')
{
$ .ajax({
type:“POST”,
url:“/ ajax / search.php”,
data:dataString,
cache:false,
success:function(html)
{\ n $(“#result”)。html(html).show();
}
});
} else {
document.getElementById('result')。innerHTML ='';
}

return false;});
</ code> </ pre>

html page </ p>

 &lt; form method =“get”action =  “/?page = results”class =“navbar-form”autocomplete =“off”&gt; 
&lt; input type =“text”name =“query”class =“search_keyword”/&gt;
&lt;按钮类型 =“submit”nam&gt;搜索&lt; / button&gt;
&lt; / form&gt;
&lt; div id =“result”&gt;&lt; / div&gt;
</ code> </ pre>

< p>瓦特 我真的很感激帮助伙伴</ p>
</ div>

展开原文

原文

this question has been asked before but the answers seem not to work on me. My Ajax returns the whole page when i perform a autocomplete search

ajax to search from database

$(function(){ $(".search_keyword").keyup(function() { 
var search_keyword_value = $(this).val();
var dataString = 'search_keyword='+ search_keyword_value;
if(search_keyword_value!='')
{
    $.ajax({
        type: "POST",
        url: "/ajax/search.php",
        data: dataString,
        cache: false,
        success: function(html)
            {
                $("#result").html(html).show();
            }
    });
} else{
    document.getElementById('result').innerHTML ='';
}
return false;    });

html page

<form method="get" action="/?page=results" class="navbar-form" autocomplete="off">
        <input type="text" name="query" class="search_keyword"/>
        <button type="submit" nam>Search</button>
    </form>
    <div id="result"></div>

would really appreciate the help Guys

douyi1084
douyi1084 如果找不到ajax路径,那么它将返回整个页面
大约 5 年之前 回复
douduonang3169
douduonang3169 别客气...
大约 5 年之前 回复
dongliang9682
dongliang9682 哦,天哪,我是个傻瓜,感谢IndrasinhBihola让我意识到我的错误,拼错了我的search.php。谢啦
大约 5 年之前 回复
douzhan1031
douzhan1031 search.php怎么样?显示search.php代码。
大约 5 年之前 回复

2个回答



检查您正在呼叫的页面是否正确... </ p>

由于404 只有错误,它将返回整个页面。 可能是未找到的ajax网址</ p>
</ div>

展开原文

原文

check whether the page you are calling correct path or not...

due to 404 error only, it will returns whole page. may be the ajax url not found



ajax中使用的url应仅用于返回(echo)所需的数据,没有别的。
我通常会解决此问题 将'动作'POST传递给php页面的问题包含了我想从它请求的内容,并通过开关选择它。
.phn代码通常如下所示:</ p>

 <  code> if(isset($ _ POST [“action”]))
{
switch(action){
case“func_1”:
func_1();
break;
case“func_2”:\ n func_2();
break;
case“func_2”:
func_3();
break;
case“func_2”:
func_4();
break;
}
}其他 {
echo“error”;
}

函数func_1 {
//做某事
}

函数func_2 {
//做某事
}

函数func_3 {
//做某事\ n}

函数func_4 {
//做某事
}
</ code> </ pre>

在函数内部我编写了所需的代码,比如获取自动完成数据,然后回显它 json,左右 另外,ajax'data'标签能够通过预建字符串来执行html post / get paramteres:</ p>

  $。  ajax({
type:“POST”,
url:“/ ajax / search.php”,
data:
{
search_keyword:search_keyword_value
}
cache:false,
success:function (html)
{
$(“#result”)。html(html).show();
}
});
</ code> </ pre>
</ div>

展开原文

原文

The url used in ajax should be used to return(echo) the required data only, nothing else. I've usually resolve this problem passing a 'action' POST to to php page wich contains what i would like to request from it and it gets selected with a switch. The php code usually looks like this:

if(isset($_POST["action"]))
{
    switch(action){
      case "func_1":
            func_1();
            break;
      case "func_2":
            func_2();
            break;
      case "func_2":
            func_3();
            break;
      case "func_2":
            func_4();
            break;
    }
} else {
    echo "error";
}

function func_1{
    //do something
}
function func_2{
    //do something
}
function func_3{
    //do something
}
function func_4{
    //do something
}

Inside the function I write the desired code, like getting autocompletion data, then echo it wia json, or something.

Also, the ajax 'data' tag capable to do html post/get paramteres via prebuilding a string:

$.ajax({
        type: "POST",
        url: "/ajax/search.php",
        data: 
        {
            search_keyword : search_keyword_value
        }
        cache: false,
        success: function(html)
        {
            $("#result").html(html).show();
        }
});

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问