Question

我已经放弃了试图实现我的预期目标！我有jquery / ajax代码，就像我可以使用web和库一样简单。这几周我一直在努力;谢天谢地，我退休了，或者我没有工作！我从未见过如此多的代码，今天在网上工作。大多数示例都不用显示ajax调用中使用的url！无论如何，我已经加载了一个htm文件和一个txt文件。请找错，我厌倦了看，谢谢。

htm文件

<!DOCTYPE html>
<HTML>
<HEAD> 
<title>testing</title>

<script src="../jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$("button").click(function(){
    $.ajax({url:"test.txt"})
    .success (function(result){ $("#comdisplay").html(result); });
});
</script>

</HEAD>
<BODY>

<center><button><h3>Click</h3></button></center>

<div id='comdisplay'></div>

</body>
</html>

txt文件

<h2>howdy folks</h2>

那就是它，谢谢

Answer 1

<script type="text/javascript">
$(function(){
$("button").click(function(){
    $.ajax({url:"test.txt"})
    .success (function(result){ $("#comdisplay").html(result); });
});
})
</script>

Answer 2

试试这个：

$(document).ready(function(){
   $("button").click(function(){
      $.ajax({url:"test.txt"})
        .success (function(result){ $("#comdisplay").html(result); });
   });
});

Answer 3

//This should do the trick
$(document).ready(function() {
    $("button").click(function(){
      $.ajax({
        url: "test.txt",
        dataType: "text",
        success: function(result) {
            //for debug
            alert(result);
            $("#comdisplay").html(result);
        },
        error: function(e) {
          alert(e)
        }
      });
      //Here's another option
      $("#comdisplay").load("test.txt");
  });
});

Answer 4

$("button").click(function(){
    $.ajax({
    url : 'text.txt',
    type: 'GET',
    success : function(result){ $("#comdisplay").html(result); }
    });
});

Answer 5

请在document.ready中定义你的功能。它在这里使用下面的代码。

    $(document).ready(function () {
        $("button").click(function () {
            alert("asd");
            $.ajax({ url: "test.txt" })
            .success(function (result) { $("#comdisplay").html(result); });
        });
    })

jquery ajax json url

5 个答案: