Question

我正在构建一个Javascript / jQuery和AJAX网站。但是，在测试时遇到以下错误：

Timestamp: 6/11/2016 10:13:45 AM
Error: NetworkError: A network error occurred.

对我来说，最明显的罪魁祸首是我脚本中的AJAX调用;但是，我尝试将其评论出来并仍然收到同样的错误。首次加载网站时，它会显示三个警告框（选择=类别＆详细信息=测试等），但随后出现错误，更改选择不会触发警报。

这是我的主页：

<?php
include('header.php');
?>

<div id='mainContent'>

<?php /* if(!$_SESSION['admin']) {
echo "<p>You do not have permission to view this page!</p>";
} else { */
echo "<form method='post' action='addItem.php'> 

<div class='form-group'>
<label>Category</label>
<select id='categorySelection' name='categorySelection'>
<option value=1>Playstation</option>
<option value=2>Wii</option>
<option value=3>Gamecube</option>
<option value=4>N64</option>
<option value=5>Other Console</option>
<option value=6>DS</option>
<option value=7>Game Boy</option>
<option value=8>Other Handheld</option>
<option value=9>DVD</option>
</select>
</div>

<div class='form-group'>
<label>Item</label>
<select id='itemSelection' name='itemSelection'>
</select>
</div>

<div class='form-group'>
<label>Condition:</label>
<select id='conditionSelection' name='conditionSelection'>
<option value=1>Acceptable</option>
<option value=2>Good</option>
<option value=3>Very Good</option>
<option value=4>New</option>
</select>
</div>

<div class='form-group'>
<label>Price: </label>
<input id='itemPrice' type='text' name='itemPrice' />
</div>

<div class='form-group'>
<label>Description: </label>
<textarea id='itemDescription' name='itemDescription'></textarea>
</div>
</form>";
 // }
?>

</div>
<script>

function selectionHandler(selectedAction, selectedValue) {
var gameData = "selection=" + selectedAction + "&detail=" + selectedValue;

alert(gameData);


 $.ajax({
type: 'POST',
url: 'filter.php',
data: gameData,
success: function(returnData) {

if(selectedAction == 'category') {
$('#itemSelection').html(returnData);
} if(selectedAction == 'game') {
$('#itemPrice').val(returnData)
} else {
$('itemDescription').val(returnData);
} 

} // end return
});   // end ajax 
} // end handler

$(document).ready(function() {
$("#categorySelection").on("change", selectionHandler('category', "test" ) ) ;
$("#itemSelection").on('change', selectionHandler('game',  "test" ) );
$("#conditionSelection").on('change', selectionHandler('condition',  "test" ) );

}); // end ready
</script>
<?php

include('footer.php');
?>

和我的PHP

<?php
include("header.php");
$db = new pdoAccess("localhost","root","");

$selection = $_POST['selection']; // either game, category, or condition

$detail = $_POST['detail'] // either categoryID or ISBN/Item ID
if($selection == 'category') {
$products = $db->filterByCategory($detail);
$html = "";
foreach($products as $product) {
$html += "<option value={$product->upc)}>$product->title</option>";
}
return $html;
} elseif ($selection = 'game') {
return $db->getProductPrice($detail);
} else {
return $db->getCategoryDescription($detail);
}

?>

谢谢！

编辑：应该注意的是，我还尝试了其他事件，例如聚焦和选择。同样的问题。

Answer 1

在php字符串中，cocatinating是由点.和使用引号也在这里改变

 $html .= "<option value='{$product->upc)}'>{$product->title}</option>";

也可以使用双==进行比较

 } else if ($selection == 'game') {

在ajax中使用echo而不是return

jQuery，JavaScript - 网络错误？

1 个答案: