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.