2

我有一个页面,我需要在单击文件夹时将不同的 html 加载到 div 中。这种工作,因为点击... div 会打招呼。我试图用 html 替换“hello”并使用 ' 而不是“但它不起作用。我还尝试使用 .load 和 .get 命令从外部文件中读取。这是关键部分和我的 .get和 .load 命令无论我做什么都不起作用。

他们是另一种方式吗?或者有什么办法可以使用我所拥有的。

jQuery:

$("#one").click(function() {
        $("#read").html("hello");
});

HTML:

  <div id="read">

  </div>

失败.get:

$("#one").click(function() {
  $.get('readfrom/one.txt')
  .success(function(data) {
     $('#read').html(data);
 });
});

加载失败:

$("#one").click(function() {
   $('#read').load('readfrom/one.txt');
});
4

2 回答 2

2

你需要这样做:

$(document).ready(function() {
    $("#one").click(function() {
        $.ajax({
            url : "readfrom/one.txt",
            dataType: "text",
            success : function (data) {
                $("#read").html(data);
            }
        });
    });
}); 
于 2013-08-11T23:30:37.727 回答
0

这怎么样?

$(window).load(function(){

  $("#one").click(function() {

    /* Create ajax object for txt parsing */
    $.ajax({
      type: "GET",
      contentType: "text/plain; charset=utf-8",
      url: "readfrom/one.txt",
      success: readData,
      error: err
    });

    /* Successful load of file, perform this function */
    function readData(txt) {
      var fileData = $(txt);
      console.log ("data check: " + fileData);
      $('#read').append(fileData);
    }

    /* Unsuccessful load of file, log errors */
    function err(request, status, error) {
      console.log("Request: " + request);
      console.log("Status: " + status);
      console.log("Error: " + error);
    }

  }

}

我将成功/错误函数从 .ajax 调用中分离出来的主要原因是,如果它们变大,我发现它会变得混乱,但如果你保持它简短而甜蜜,请随时将它们添加到其中:

$.ajax({
  ...
  success: function(data){
    console.log("data: " + data);
  },
  error: function(request, status, error){
    console.log("Request: " + request);
    console.log("Status: " + status);
    console.log("Error: " + error);
  }
});
于 2013-08-11T23:45:48.947 回答