jquery - 如何使用 JavaScript 和 jQuery 提交表单（到 php）？

Question

我需要通过 jQuery-ajax 执行此操作，而无需重新加载页面。但我什至无法让点击功能工作。代码看起来像这样..

            $("#add").click(function(){
            var selval = $('#cat').val();
            alert('ok');
            $.ajax({
                type:"POST",
                url:"main_end.php",
                data:"categ="+selval,
                success:function(response){
                    $('#results').html("test");

                }
            });

            return false;
        });

Answer 1

本文将有所帮助： http: //net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/

基本上你正在做同样的事情，获取表单值并将其提交到 ajax 数据中。如果这对您不起作用，那么您可能还有其他错误，可能在 HTML 中，或者您在页面完全加载之前运行此 JS。

Answer 2

添加如下所示的错误标记，并确保您没有在此处收到任何错误：

   $("#add").click(function(){
       var selval = $('#cat').val();
       alert('ok');
       $.ajax({
           type:"POST",
                url:"main_end.php",
                data:"categ="+selval,
                success:function(response){
                    $('#results').html("test");
                },
                error : function (xhr, textStatus, errorThrown) { // Add this and make sure you are not getting any error..
                    console.log ('xhr :'+xhr+' textstatus: '+textStatus+' errorThrown :'+errorThrown);
                }
            });

            return false;
        });