Ajax Post，jQuery在ResponseData结果页面上不起作用
[英]Ajax Post, jQuery not working on the ResponseData result page
问题描述
我有一个用于搜索结果的邮寄表格。
<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！ 我只设置了alert（“ hello”）; 测试是，但没有回应！ 任何想法如何将jQuery绑定在这种情况下工作！
谢谢
3 个解决方案
解决方案1
0 2015-02-01 15:02:34
您添加的Javascript在byMonthYear.php中不起作用。 您尝试通过ajax调用php网页，并且该网页将在服务器端而非客户端执行。
您可以尝试通过echo和标志返回Javascript代码。 如果设置了该标志，则显示Alert() 。 使用JSON发送数据。
猜猜你明白了。
解决方案2
0 2015-02-01 15:04:03
我不是百分百肯定的，但是尝试将您的javascript文件包括到新的php页面中，它听起来像是一个问题，我回过头来使用ajax调用加载页面，但是javascript无法正常工作，所以我不得不将它们包括在内再次像这样
<head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="myjava.js"></script>
</head>
解决方案3
0 已采纳 2015-02-05 23:02:38
解决：我刚刚在成功添加此内容，然后javascript响应。
success: function(responseData, textStatus, jqXHR) {
$('#results').html( responseData );
},
感谢您的回答。
jQuery ajax / post请求，页面更改不起作用
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.