Невозможно отобразить таблицу после POST в той же форме PHP jQuery

0

У меня есть этот код ниже, который получает данные из 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>

Почему это должно быть?

  • 0
    что говорит ваш console.log (data)? Кажется, «display» - это свойство Javascript, поэтому оно может конфликтовать.
Теги:

2 ответа

0

Попробуй это:

<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, добавленного позже.

  • 0
    Спасибо да, это показывает весь код через предупреждение, как теперь я могу добавить таблицу обратно?
0

Убедитесь, что ваш php-скрипт возвращает сериализованную структуру json, которая может обрабатываться javascript.

Попробуйте console.log(data) в вашей функции обратного вызова, чтобы узнать, что возвращается с PHP.

  • 0
    Я изменил "done" на console.log(data) и когда я запускаю код, он говорит Uncaught ReferenceError: $ is not defined в строке между этими строками $(function(){ $('#searchform').on('submit', function(e){
  • 0
    От смены лога твой код сломался ?? Тогда могут быть и другие вещи. Попробуйте эту форму: function($) { /*YOUR CODE HERE*/ } (JQuery); У вас есть JQuery вообще?

Ещё вопросы

Сообщество Overcoder
Наверх
Меню