Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/396.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery响应负载_Javascript_Jquery_Html - Fatal编程技术网

Javascript Jquery响应负载

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 =

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 = 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);