Вставьте данные в MYSQL, используя форму jquery modal

У меня есть страница, показанная ниже, которая отображает список записей пользователей из базы данных с помощью кнопки. Когда я нажал на эту кнопку, вы увидите форму jquery modal с формой, которая позволяет кому-то вводить свою пользовательскую информацию.Вставьте данные в MYSQL, используя форму jquery modal

Моя проблема в том, что я нажимаю кнопку 'Добавить нового пользователя' в модальной форме, данные которой нужно вставить в базу данных. Но эти данные не поступают в базу данных.

Это код в users.php странице с диалогом формы модальных

<body> 

    <h1>User Management System</h1> 

    <div id="manage_user"> 
     <form action="" method=""> 

      // Here I display a table with user details................. 

      <button id="FormSubmit">Add New User</button> 
     </form> 
    </div> 

    <div id="dialog" class="new_user_dialog_box" title="Add New User"> 
     <p>Fill this form with your details and click on 'Add New User' button to register.</p> 

     <p class="validateTips">All form fields are required.</p> 

     <div id="new_user_form"> 
      <table> 
       <tr> 
        <td>Name :</td> 
        <td><input type="text" name="name" value="" id="name" /></td> 
       </tr>    
       <tr> 
        <td>Address :</td> 
        <td><input type="text" name="address" value="" id="address" /></td> 
       </tr>    
       <tr> 
        <td>City :</td> 
        <td><input type="text" name="city" value="" id="city" /></td> 
       </tr> 
      </table> 
     </div> 
    </div> 

</body>

скрипт Javascript/JQuery является

 if (bValid) { 

      jQuery.ajax({ 
       type: "POST", // HTTP method POST or GET 
       url: "process.php", //Where to make Ajax calls 
       dataType:"text", // Data type, HTML, json etc. 
       data:bValid, //Form variables 
       success:function(response){ 
        //on success, hide element user wants to delete. 
        //$('#item_'+DbNumberID).fadeOut("slow"); 
       }, 
       error:function (xhr, ajaxOptions, thrownError){ 
        //On error, we alert user 
       alert(thrownError); 
       } 
      }); 
      $(this).dialog("close");      
     }

Любая помощь здесь очень ценится.

спасибо.

источник

2013-06-18 TNK

Существует несколько шагов между нажатием кнопки и данными, вставленными в базу данных. Какой шаг не работает? Вызывается ли вызов AJAX на сервер? Он содержит ожидаемые данные? Каков ответ сервера? Выполняется ли PHP-код, как и ожидалось? Есть ли ошибки в консоли JavaScript? Есть ли ошибки в журналах PHP? – David

@ Давид благодарит за ответ. В консоли JavaScript нет никаких ошибок. После заполнения полей формы из диалогового окна модальной формы оно закрывается, а не там, куда идут данные. – TNK

В журнале ошибок ошибок нет ничего также – TNK

Похоже, вы фактически не отправляете данные в свой POST. Посмотрите на эту линию в вызове AJAX:

data:bValid, //Form variables

Что такое bValid? Из внешнего вида кода выше этой строки это просто логическое значение. Но data в AJAX POST должен содержать пары ключ/значение, соответствующие элементам формы. Попробуйте что-нибудь подобное вместо этого:

dataType: 'JSON', 
data: { name: $('#name').val(), address: $('#address').val(), city: $('#city').val() }

Это отправить JSON объект пар ключ/значение, которые получают свои значения из HTML-элементов с идентификаторами name, address и city в вашей форме.

источник

2013-06-18 15:09:38 David

Я только что попробовал, и появляется предупреждение 'SyntaxError: JSON.parse: неожиданно character' – TNK

Затем я нашел данные для базы данных. Но не отображаться на странице users.php в одно и то же время. Если данные отображаются для отображения, мне нужно перезагрузить страницу. – TNK

Могу ли я узнать причину этого? Спасибо. – TNK

Вставьте данные в MYSQL, используя форму jquery modal

ответ

Смежные вопросы