Question

我是Web开发的新手，并且已经开始构建一个站点来读取表单字段并添加到sql db并更新记录。我使用基本的php，html，css和javascript（使用mysqli进行数据库访问）使网站工作。我添加了jquery来使用ajax功能来进行表单输入的异步处理，并且所有功能仍然有效。大部分工作都是通过使用精彩的stackoverflow完成的。然后我添加了jquery mobile（我的基本目录中保存的css和js文件）以使用下拉列表和较小的选择图标，所有这些都有效。我现在有点卡住，因为当我提交表单数据时，表单消失了。页面留在调用表单的地方（这是我想要的），但页面是空白的。我的jquery代码是：

$(document).ready(function(){
   $("#submit").click(function(){

        var update = $('input:checkbox:checked').map(function(){
             return this.value;
         }).get();
         var casename = $("#new_client").val();
         var email = $("#email").val();
         var contactname = $("#contactname").val();
         var contactnum = $("#contactnum").val();
         var time = $("#time").val();
         var notes = $("#new_notes").val();
         if (update == 'TRUE'){
            alert("add client...!!");
            if(casename ==''|| email==''|| contactname==''|| contactnum==''|| time==''|| notes==''){
                 alert("Insertion Failed Some Fields are Blank....!!");
           }
         }
         else{
            alert("update client...!!");
            if(time==''|| notes==''){
                 alert("Insertion Failed Some Fields are Blank....!!");
           }
         }
         // Returns successful data submission message when form information is stored in database.
         $.post("caseupdate.php",{ update1: update, casename1: casename, email1: email,
                   contactname1: contactname, contactnum1: contactnum, time1: time, notes1: notes},
                        function(data) {
                        alert(data);
                        $('#form')[0].reset(); //To reset form fields
                        $('#form').show();
    //********ADDED THIS AS ONE ATTEMPT TO FIX BLANK PAGE
                        });


    });
});

并且表单只是从选择选项输入执行正常表单输入。表格从各种开关功能中选择。我尝试使用php标头功能，但我不确定如何正确使用它。正如我所说，我对此非常陌生，并且在我的业余时间内在大约8周内完成了这项工作，而没有任何Web开发知识，尽管我已经做了很多C和C ++。我缺少一个简单的基本理解吗？非常欢迎见解。

使用jquery mobile提交html表单会给出一个空白页面

0 个答案: