Использование ajax для печати «тестирования» на экране при нажатии метки

Question

Я пытаюсь использовать ajax для печати «тестирования» на экране при нажатии метки, но по какой-то причине она не работает. Что я делаю не так?

test.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

Вы должны получать

Неожиданный конец ввода

ошибка, поскольку вы не закрыли скобу вашей функции.

Используйте это,

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.

Используйте F12 при использовании Chrome для доступа к консоли, чтобы узнать, произошли ли какие-либо ошибки. Проверьте this очень полезную ссылку, чтобы узнать, как открыть консоль в других браузерах.