Question

我有一个用于搜索结果的帖子表格。

<form  method="post"  enctype="multipart/form-data" name="byMonthYear">
            <label><h2>Search Colection by Month and Year:</h2></label>
            <select name="month">
                    <option value="1">January</option>
                    <option value="2">February</option>
                    <option value="3">March</option>
                    <option value="4">April</option>
                    <option value="5">May</option>
                    <option value="6">June</option>
                    <option value="7">July</option>
                    <option value="8">August</option>
                    <option value="9">September</option>
                    <option value="10">October</option>
                    <option value="11">November</option>
                    <option value="12">December</option>
            </select>
            <select name="year">
                <?php 
                        $get_year = date('Y') + 1;
                    for($i = $get_year;$i >= 2013;$i--){
                        echo "<option value=".$i.">".$i."</option>";
                    }
                ?>
            </select>
            <input type="button" value="Search"  onclick="return search_buss_byMonthYear()">
        </form>

点击我调用AJAX获取结果search_buss_byMonthYear（）;

function search_buss_byMonthYear(){
    $('#loading').show();
    var month = document.forms['byMonthYear']['month'].value;
    var year = document.forms['byMonthYear']['year'].value;
    var dataString = 'month='+ month + '&year=' + year;
    if(month == '')
    {
        document.getElementById("results").innerHTML = "<div class='alert_error'>You must fill all fields! <br></div>";
    }else{
      $.ajax({
            type: "post",
            url: "inc/byMonthYear.php",
            data: dataString,
            contentType: "application/x-www-form-urlencoded",
            success: function(responseData, textStatus, jqXHR) {
                $('#loading').hide();
                document.getElementById("results").innerHTML = responseData;
            },
            error: function(jqXHR, textStatus, errorThrown) {
                $('#loading').hide();
                 document.getElementById("results").innerHTML = "<div class='alert_error'>Your action had errors! <br></div>";
            }
        });
  }

}

文件byMonthYear.php上的

我有php脚本来获取结果，并且工作得非常好，但我想在该页面上添加一些额外的javascript动作byMonthYear.php ..但它没有响应那里的jQuery！我只是提醒（“你好”）;测试但是它没有响应!! 任何想法如何绑定jQuery在这种情况下工作！

由于

Answer 1

您添加的Javascript在byMonthYear.php中不起作用。您正试图通过ajax调用php网页，该页面将在服务器端而非客户端执行。

您可以尝试按echo和标志返回Javascript代码。如果设置了该标志，则显示Alert()。使用JSON发送数据。

猜猜你明白了。

Answer 2

我不是百分百肯定，但尝试将您的javascript文件包含到新的php页面它听起来像一个问题我有一个wile回来我使用ajax调用加载页面但javascript没有工作所以我不得不再次包括它们

<head>     
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="myjava.js"></script>
</head>

Answer 3

解决：我刚刚在成功时添加了这个并且javascript响应。

  success: function(responseData, textStatus, jqXHR) {
                 $('#results').html( responseData );
            },

感谢您的回答。

Ajax Post，jQuery没有在ResponseData结果页面上工作

3 个答案: