jquery使用ajax提交form表单

Posted 2020-09-26 天涯尘星

 

        $.ajax({
            type: jqform.attr(‘method‘), // 提交方式 get/post
            url: jqform.attr(‘action‘), // 需要提交的 url
            data:jqform.serialize(),
            success: function(json) { //
                var json = eval(‘(‘ + json + ‘)‘);
                if(json.state) {
                    alert(‘修改成功！‘);
                    ct.assoc.close();
                    return true;
                }else{
                    ct.error(json.error);
                }
            }
        });
        return false; // 阻止表单自动提交事件

 

 1 ;(function($){
 2     //跨域传输
 3     var jqform = $(‘form‘);
 4 
 5     $(‘:button‘).click(function(){
 6         var url = jqform.attr(‘action‘)+‘&jsoncallback=?‘;
 7         var data = jqform.serialize();
 8         console.log(url);
 9         $.getJSON(
10             url,
11             data,
12             function(res){
13                 console.log(res);
14             }
15         );
16         return false; // 阻止表单自动提交事件    
17     });
18 
19 })(jQuery);
20 
21 <?php
22 $res =$this->json->encode(array(‘total‘=>$total,‘data‘=>$data));
23 echo $_GET[‘jsoncallback‘] ."(".$res.");";
24 ?>