jquery使用ajax发送数据并保存在php中

这个问题在这里已经有了答案:

  • jQuery AJAX提交表单15个答案

  • 你可以使用下面的代码:

    var form = new FormData($('#form_step4')[0]);
    form.append('view_type','addtemplate');
    $.ajax({
        type: "POST",
        url: "savedata.php",
        data: form,
        cache: false,
        contentType: false,
        processData: false,
        success:  function(data){
            //alert("---"+data);
            alert("Settings has been updated successfully.");
            window.location.reload(true);
        }
    });
    

    其中savedata.php是您可以在其中执行数据库事务的文件名


    嗨,我会开始在表单中添加一个id。 然后或者通过按钮元素上的onclick,或者只是定义按钮的单击事件处理程序。

    <form id="my_form">
           Name:<input type='text' name='name'>
           E-mail:<input type='text' name='email'>
           Gender:<select name='gender'>
           <option value='male'>male</option>
           <option value='female'>female</option>
           </select>
           Message:<textarea name='about'></textarea>
           <input type="button" value="Send" onclick="sendForm()"/>
     </form>
    

    然后是jquery / ajax / js部分。

     function sendForm(){
        $.ajax({
        type: "POST",
        url: "PAGE2.php",
        data: jQuery("#my_form").serialize(),
        cache: false,
        success:  function(data){
           /* alert(data); if json obj. alert(JSON.stringify(data));*/
        }
      });
    
    }
    

    试试这个:

     <form id="formId">
               Name:<input type='text' name='name'>
               E-mail:<input type='text' name='email'>
               Gender:<select name='gender'>
               <option value='male'>male</option>
               <option value='female'>female</option>
               </select>
               Message:<textarea name='about'></textarea>
               <input type="button" value="Send" onclick="save()"/>
         </form>
    
     <script type="javascript">
    
        function save(){
            var query = $('#formId').serialize();
            var url = 'savedata.php';
            $.post(url, query, function (response) {
             alert (response);
            });
    
        }
    </script>
    

    将ID分配给你的表单...现在在我的代码中,我给了ID formId ..你可以根据你的表单名称来改变它。

    链接地址: http://www.djcxy.com/p/71941.html

    上一篇: jquery using ajax to send data and save in php

    下一篇: Different between ajax & json