我对 jquery ajax 很陌生,我试图弄清楚如何将从 php 返回的响应数据呈现为 json 以更新指定的 div。所以实际上我遇到了以下问题。
JavaScript:
<script type="text/javascript">
$(document).ready(function() {
$(".ajax_call").change(function() {
var domain = document.domain;
var count = $('.ajax_call :selected').val();
var $parent = $(this).closest(".product_box");
var modul_title = $("h4", $parent).text();
$.ajax({
url:'index/ajax',
data:{mod_title:modul_title, domain:domain, count:count},
cache:'false',
datatype:'json',
success: function(response) {
if (response.status = modul_title) {
$parent.fadeOut();
$parents.(response).fadeIn();
} else {
alert("Oops, script is a no go");
}
}
});
});
});
和 HTML:
<div class="product_box">
<h4><!-- php code generating --> header</h1>
<div class="product">
<div class="thumbnail-item">
<a href=""></a>
<!-- and couple of other divs what are rendering my output in my mvc view -->
<div class="ajax_bar">
<!-- and here comes the dropdown what is triggering an ajax call -->
<select class="ajax_call" size="1" name="blala">
<option value='50'>add more 50</option>
<option value='100'>add more 100</option>
<option value='150'>add more 150</option>
</select>
</div>
</div>
</div>
</div>
我想要的是使用 ajax 调用更新呈现项目的数量。我不清楚如何呈现响应。我是否必须再次形成原始数据,我的意思是我的 html-php 代码看起来还是可以以其他方式完成?