Php 需要在页面加载时自动提交表单

Php 需要在页面加载时自动提交表单,php,jquery,html,search-box,Php,Jquery,Html,Search Box,我有一个带有jquery搜索表单的网站。我在网站的每一页上都有搜索框,并在标题中标出。在那里输入searchwords后,它将重定向到search.php 我想做的是在页面加载后立即提交表单,因为我将数据发送到search.php中的searchbox 示例:在第1页中,我输入一些内容并单击提交。在search.php加载和主搜索字段中,我有一些this(我之前输入的内容)。但我必须再次单击提交以查看结果。你知道当我被重定向时,我怎样才能使表单自动提交吗?所以我可以立即看到结果。 代码如下: &

我有一个带有jquery搜索表单的网站。我在网站的每一页上都有搜索框,并在标题中标出。在那里输入searchwords后,它将重定向到search.php 我想做的是在页面加载后立即提交表单,因为我将数据发送到search.php中的searchbox 示例:在第1页中,我输入一些内容并单击提交。在search.php加载和主搜索字段中,我有一些this(我之前输入的内容)。但我必须再次单击提交以查看结果。你知道当我被重定向时,我怎样才能使表单自动提交吗?所以我可以立即看到结果。 代码如下:

<form method="get" id="myForm" name="myForm" >
    <input type="text" name="search" id="search_box" value="<?php $_GET['q']; ?>" placeholder="Enter band, artist, name..." autofocus/>
    <input type="submit" value="Go"  />
    <br />
</form>

当页面准备就绪时,您只需使用jquery触发提交。


<form method="get" id="myForm" name="myForm" >
<input type="text" name="search" id="search_box" value="" placeholder="Enter band, artist, name..." autofocus/>
<input id="button-submit" type="submit" value="Go"  />
</form>


    <script type="text/javascript">
    $(function() {
    function _myFunction () {
    var search_word = $("#search_box").val();
    var dataString = 'search_word='+ search_word;
    if(search_word==''){
    } else {
        $.ajax({
            type: "GET",
            url: "searchdata.php",
            data: dataString,
            cache: false,
            beforeSend: function(html) {
                document.getElementById("insert_search").innerHTML = ''; 
                $("#flash").show(); 
                $("#searchword").show();
                $(".searchword").html(search_word);
                $("#flash").html('<p style="text-align:center;">Loading Results...</p>');
            },
            success: function(html){    
                $("#insert_search").show();
                $("#insert_search").append(html);
                $("#flash").hide();
            }
        });
    }
    return false;
}
$("#button-submit").click(function(e) {
    e.preventDefault();
     _myFunction();
    return false;
   });
_myFunction(); //This is where the magic happens
});

</script>
$(函数(){ 函数_myFunction(){ var search_word=$(“#search_box”).val(); var dataString='search\u word='+search\u word; 如果(搜索词==''){ }否则{ $.ajax({ 键入:“获取”, url:“searchdata.php”, 数据:dataString, cache:false, 发送前:函数(html){ document.getElementById(“插入搜索”).innerHTML=''; $(“#flash”).show(); $(“#searchword”).show(); $(“.searchword”).html(searchword); $(“#flash”).html(“

加载结果…

”); }, 成功:函数(html){ $(“#插入搜索”).show(); $(“插入搜索”).append(html); $(“#flash”).hide(); } }); } 返回false; } $(“#按钮提交”)。单击(功能(e){ e、 预防默认值(); _myFunction(); 返回false; }); _myFunction();//这就是神奇发生的地方 });
这样,当您单击按钮时,页面将在加载所使用的函数时触发。

$(function(){
$(function() {
$(".search_button").click(function() {
            var search_word = $("#search_box").val();
            var dataString = 'search_word='+ search_word;
            if(search_word==''){
            } else {
                $.ajax({
                    type: "GET",
                    url: "searchdata.php",
                    data: dataString,
                    cache: false,
                    beforeSend: function(html) {
                        document.getElementById("insert_search").innerHTML = ''; 
                        $("#flash").show(); 
                        $("#searchword").show();
                        $(".searchword").html(search_word);
                        $("#flash").html('<p style="text-align:center;">Loading Results...</p>');
                    },
                    success: function(html){    
                        $("#insert_search").show();
                        $("#insert_search").append(html);
                        $("#flash").hide();
                    }
                });
            }
            return false;
     });
});
$(document).ready(function(){
    $('#myForm').submit();
});
$(“.search_按钮”)。单击(函数(){ var search_word=$(“#search_box”).val(); var dataString='search\u word='+search\u word; 如果(搜索词==''){ }否则{ $.ajax({ 键入:“获取”, url:“searchdata.php”, 数据:dataString, cache:false, 发送前:函数(html){ document.getElementById(“插入搜索”).innerHTML=''; $(“#flash”).show(); $(“#searchword”).show(); $(“.searchword”).html(searchword); $(“#flash”).html(“

加载结果…

”); }, 成功:函数(html){ $(“#插入搜索”).show(); $(“插入搜索”).append(html); $(“#flash”).hide(); } }); } 返回false; }); }); $(文档).ready(函数(){ $('#myForm')。提交(); });

您可以尝试这种方法。

让您的php代码输出初始搜索结果。。。。然后jquery的东西更新搜索结果之后,也许你可以在你的后端使用$\u GET,这样你就不必提交了。你可以添加更多的代码,这样我也可以测试吗?我还纠正了我在代码中犯的一些错误。我刚刚添加了其余的代码,php代码,请记住,问题是当我从网站的另一个地方输入搜索词时,例如从索引,我输入searchword,然后提交并发送到search.php,我在index上输入的searchword在search.php的表单中,但我必须再次单击submit以查看结果,我希望在这样做时立即加载,我仍然看不到您添加的代码。您的JS控制台窗口中是否有任何错误消息?因为我在我的一个网站上使用了相同的技巧,效果很好。现在有一个问题,页面没有加载php,我会检查你的代码谢谢你的帮助,但它仍然给出相同的结果
<form method="get" id="myForm" name="myForm" >
<input type="text" name="search" id="search_box" value="" placeholder="Enter band, artist, name..." autofocus/>
<input id="button-submit" type="submit" value="Go"  />
</form>


    <script type="text/javascript">
    $(function() {
    function _myFunction () {
    var search_word = $("#search_box").val();
    var dataString = 'search_word='+ search_word;
    if(search_word==''){
    } else {
        $.ajax({
            type: "GET",
            url: "searchdata.php",
            data: dataString,
            cache: false,
            beforeSend: function(html) {
                document.getElementById("insert_search").innerHTML = ''; 
                $("#flash").show(); 
                $("#searchword").show();
                $(".searchword").html(search_word);
                $("#flash").html('<p style="text-align:center;">Loading Results...</p>');
            },
            success: function(html){    
                $("#insert_search").show();
                $("#insert_search").append(html);
                $("#flash").hide();
            }
        });
    }
    return false;
}
$("#button-submit").click(function(e) {
    e.preventDefault();
     _myFunction();
    return false;
   });
_myFunction(); //This is where the magic happens
});

</script>
$(function() {
$(".search_button").click(function() {
            var search_word = $("#search_box").val();
            var dataString = 'search_word='+ search_word;
            if(search_word==''){
            } else {
                $.ajax({
                    type: "GET",
                    url: "searchdata.php",
                    data: dataString,
                    cache: false,
                    beforeSend: function(html) {
                        document.getElementById("insert_search").innerHTML = ''; 
                        $("#flash").show(); 
                        $("#searchword").show();
                        $(".searchword").html(search_word);
                        $("#flash").html('<p style="text-align:center;">Loading Results...</p>');
                    },
                    success: function(html){    
                        $("#insert_search").show();
                        $("#insert_search").append(html);
                        $("#flash").hide();
                    }
                });
            }
            return false;
     });
});
$(document).ready(function(){
    $('#myForm').submit();
});