У меня есть этот код ниже, который получает данные из POST
и возвращает данные в виде таблицы. Когда код запускается, я помещаю Console Log
чтобы увидеть, что происходит, когда нажата кнопка SUBMIT
. Когда журнал консоли отображается как "done", я хочу показать таблицу вместо этого, но не могу понять, почему этого не происходит.
<script type="text/javascript">
$(function(){
$('#searchform').on('submit', function(e){
e.preventDefault();
//alert($('#searchpostcode').val())
$.post('includes/jobdetailssearch.php',
$('#searchform').serialize(),
function(data, status){
$('.table-responsive #displayadd').html(data.Display);
//$("#table-responsive td").last().append(data);
console.log("done");
}).fail(function () {
console.log("fail");
});
});
});
</script>
Почему это должно быть?
Попробуй это:
<script type="text/javascript">
$(function(){
// Submit Button Pressed
$(document).on('submit','#searchform', function(e){
// Prevent Default Click
e.preventDefault();
//The first parameter of $.post() is the URL we wish to request
$.post("includes/jobdetailssearch.php",
{
//Then we pass in some data to send along with the request
searchval:$('#searchform').val()
},
//The third parameter is a callback function. The first callback parameter holds the content of the page requested, and the second callback parameter holds the status of the request.
function(data,status){
alert("Data: " + data + "\nStatus: " + status);
});
});
});
</script>
Заметка:
$('#searchform').on('submit'
работает так же, как $('#searchform').submit(
но когда вы используете $(document).on('submit','#searchform'
тогда он также будет работать для DOM, добавленного позже.
Убедитесь, что ваш php-скрипт возвращает сериализованную структуру json, которая может обрабатываться javascript.
Попробуйте console.log(data)
в вашей функции обратного вызова, чтобы узнать, что возвращается с PHP.
console.log(data)
и когда я запускаю код, он говорит Uncaught ReferenceError: $ is not defined
в строке между этими строками $(function(){ $('#searchform').on('submit', function(e){
function($) { /*YOUR CODE HERE*/ } (JQuery);
У вас есть JQuery вообще?