javascript - 单击标签时使用ajax将 "testing"打印到屏幕

Question

当您单击标签时，我尝试使用 ajax 将“测试”打印到屏幕上，但由于某种原因它不起作用。我究竟做错了什么？

测试.php

<style>
#output {
  width: 25%;
  height: 25%;
  border: 1px solid black;
}
</style>
<label value='show time' onclick="ajaxFunc('test1.php', 'output')"> Click me </label>
<div id='output'></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript"> 
function ajaxFunc(gotoUrl, output) {
  $.ajax({
    type: "POST",
    url: gotoUrl,
    error: function(xhr, status, error){
      alert(error);
    },
    success: function(data) {
      document.getElementById( output ).innerHTML = data;
    } //end of success:function(data)
  }); //end of $.ajax

</script>

test1.php

<?php
echo "testing";
?>

Answer 1

你应该得到一个

Unexpected end of input

错误，因为您没有关闭函数的大括号。

使用这个，

function ajaxFunc(gotoUrl, output) {

    $.ajax({
        type: "POST",
        url: gotoUrl,
        error: function(xhr, status, error) {
            alert(error);
        },
        success: function(data) {
                document.getElementById(output).innerHTML = data;
            } //end of success:function(data)
    });
}

注意如何使用 } 关闭该函数。

其他信息

一致性是关键，由于嵌套事件监听器，您在 HTML 中使用单引号和双引号，您应该将监听器附加在 JavaScript 中.

使用 Chrome 访问控制台时使用 F12 查看是否发生任何错误。检查this非常有用的链接，可了解如何在其他浏览器中打开控制台。