Javascript Jquery响应负载
jQuery函数使用GET从数据库接收字符串,然后我想将该字符串插入HTML,以代替div。看起来这是非常标准的东西。 然而,我没有完全管理它 以下是我的想法:Javascript Jquery响应负载,javascript,jquery,html,Javascript,Jquery,Html,jQuery函数使用GET从数据库接收字符串,然后我想将该字符串插入HTML,以代替div。看起来这是非常标准的东西。 然而,我没有完全管理它 以下是我的想法: <h1>Whatever</h1> <div id="replace_me"> </div> <a id="click_me" href="#">Click Me</a> <script> //AJAX var brand_id =
<h1>Whatever</h1>
<div id="replace_me">
</div>
<a id="click_me" href="#">Click Me</a>
<script>
//AJAX
var brand_id = 8
var dataX = {'brand': brand_id, 'csrfmiddlewaretoken': ""};
$(function(){
$("#click_me").click(function(){
$.ajax({
type: 'GET',
url: '/ajax_request/',
data: dataX,
datatype: "json",
success: function(data) {
alert(data);
$("#replace_me").load(data);
},
error: function() {
alert("Nope...");
}
});
});
});
</script>
不管怎样
//阿贾克斯
var brand_id=8
var dataX={'brand':brand_id,'csrfmiddlewaretoken':“”;
$(函数(){
$(“#单击我”)。单击(函数(){
$.ajax({
键入:“GET”,
url:“/ajax_request/”,
数据:dataX,
数据类型:“json”,
成功:功能(数据){
警报(数据);
$(“替换”)加载(数据);
},
错误:函数(){
警惕(“不……”);
}
});
});
});
当警报启动时,我收到了显示一切正常的字符串,但是我如何才能将刚刚收到的字符串输入到div“replace__me”中,而不必从其他url加载?您的
success
函数中有错误。检查jQuery上的文档。相反,你应该这样做
success: function(data) {
//alert(data);
$("#replace_me").html(data);
},
或者,稍微好一点的风格
success: function(data) {
//alert(data);
$("#replace_me").empty().append($(data));
},
还要注意,您在数据类型选项中指定了“json”。因此,如果您的服务器以正确的JSON响应,那么您的数据将是一个JavaScript对象,因为jQuery将为您解析JSON格式。如果您确实想查看对象,则需要使用,例如JSON.stringify()
:
如果您的服务器没有生成有效的JSON,则在大多数情况下不会调用您的success
方法。load()是一种方便的方法,可以执行以下两个步骤:调用ajax url,然后在单个函数中将数据放入元素。不要调用.ajax(),只需调用.load()
i、 e
你是说.empty
而不是.clean
?谢谢你的帮助!
$("#replace_me").empty().append($(JSON.stringify(data)));
var brand_id = 8
var data = {'brand': brand_id, 'csrfmiddlewaretoken': ""};
$("#replace_me").load('/ajax_request/', data);