ajax提交form表单，到底怎么做？急死了。用button按钮提交，不是submit

ajax提交form表单，到底怎么做？急死了。用button按钮提交，不是submit。form的id为form1，button的id为sub，注意：不是submit提交，用submit的话还用什么ajax！！！！求高手指点
$(document).ready(function(){
        $('#sub').click(function(){//点击按钮提交
                                        //要提交的表单id为form1
                    $('#form1').ajaxSubmit({
                       success:function(data){
                           alert(data);//参数是一个对象 而不是函数 这个返回还是是参数对象的一个方法
                        }
                    });
                    return false;
        });
});

13 个解决方案

#1

没人帮忙吗？这个难道很难吗？还是我表达的不详细？

#2

是什么问题？

#3

引用 2 楼 ly12530 的回复:

是什么问题？

ajax提交表单，最简单的那种，不过不用submit而是button，button的id为sub，form表单的id为form1，post方式提交。我不会ajax

#4

手写一段ajax吧  可能有错误

$(function(){

  $('#sub').click(function(){//点击按钮提交
                                        //要提交的表单id为form1
                   
            $.ajax({
                 url:"xxxxx",
                 data:$("#form1").serialize(),
                 type:"post",
                 success:function(data){//ajax返回的数据
                 }
            });     
        });


});

#5

//保存
        $('#BtnSave').click(function () {
            var previewOptions = {
                beforeSubmit: validateForm,
                url: '/ContentVerify/DoCreateOrEdit',
                type: 'POST',
                dataType: 'json',
                success: function (result) {
                    if (result.Success) {
                        ShowMsg("保存成功!", "/ContentVerify/Index");
                    }
                    else {
                        ShowMsg("保存失败!" + result.Msg);
                    }
                },
                iframe: false
            };

            $('#doform').ajaxSubmit(previewOptions);
            return false;
        });

#6

引用 5 楼 ly12530 的回复:

//保存
        $('#BtnSave').click(function () {
            var previewOptions = {
                beforeSubmit: validateForm,
                url: '/ContentVerify/DoCreateOrEdit',
                type: 'POST',
                dataType: 'json',
                success: function (result) {
                    if (result.Success) {
                        ShowMsg("保存成功!", "/ContentVerify/Index");
                    }
                    else {
                        ShowMsg("保存失败!" + result.Msg);
                    }
                },
                iframe: false
            };

            $('#doform').ajaxSubmit(previewOptions);
            return false;
        });

前提是要引用 jquery.form.js  和 jquery.js

#7

引用 4 楼 sd4000784 的回复:

手写一段ajax吧  可能有错误

$(function(){

  $('#sub').click(function(){//点击按钮提交
                                        //要提交的表单id为form1
                   
            $.ajax({
                 url:"xxxxx",
                 data:$("#form1").serialize(),
                 type:"post",
                 success:function(data){//ajax返回的数据
                 }
            });     
        });


});

url这部分怎么写，我用的是php，action是一个对象的方法

#8

这个简单你ajax完了之后 调用form的submit

 $.ajax({
           url:"xxxxx",
           data:$("#form1").serialize(),
           type:"post",
           success:function(data){//ajax返回的数据
           }
         });
$("#form1").submit();

记住用此调用时你的HTML的form里不能有

<input type = 'submit' />

submit按钮 不然你点button就会刷新页面

#9

引用 7 楼 mengfk000 的回复:

Quote: 引用 4 楼 sd4000784 的回复:

手写一段ajax吧  可能有错误

$(function(){

  $('#sub').click(function(){//点击按钮提交
                                        //要提交的表单id为form1
                   
            $.ajax({
                 url:"xxxxx",
                 data:$("#form1").serialize(),
                 type:"post",
                 success:function(data){//ajax返回的数据
                 }
            });     
        });


});

url这部分怎么写，我用的是php，action是一个对象的方法

我一般怎么写Interface.php写接口
然后data传入参数 找到Interface.php这个文件里面的你想调用的函数
这里我传入"GetJoke"

$.ajax({
						type : "POST",
						url : "../php/Interface.php",
						data : {
							Index : "GetJoke",
							curpage : curpage,
							countPerPage : countPerPage,
							joketype : joketype
						},
						dataType : "json",
						async : false,
						success : function(data) {}

Interface.php

$index = $_POST["Index"];
switch ($index) {
	case 'GetJoke' :
		GetJoke();
		break;
｝
function GetJoke() {
	$curpage = $_POST['curpage'];
	$joketype = $_POST['joketype'];
	$CountPerPage = $_POST['countPerPage'];
	$sidx = 'uploaddate';
	$sord = 'desc';
	$where = '1=1';

	$where .= " AND joketype = '" . $joketype . "'";

	$clsSql = new UserOp();
	$result = $clsSql -> GetJoke($curpage, $CountPerPage, $sidx, $sord, $where);
	echo json_encode($result);
}

#10

$.ajax({
  url : "",   请求的Url
  data : {  }, 参数Json格式
  dataType : "json", 请求的返回类型 这里为json
  type : "post",  提交方式
  cache : false,  是否异步提交
  success : function(result)
  {
        alert('回调函数');
  },
  error: function (XMLHttpRequest, textStatus, errorThrown) {
        alert('错误处理');
  }

});

#11

我来贴一段我写的java版本的ajax登录提交

  $.ajax({
                    	        type:"get",
                    	        url:"vote.do?action=ajaxLoginSys&r="+Math.random(),
                    	        contentType:"application/x-www-form-urlencoded; charset=GBK",
                    	        data:{user_name:user_name,pass_word:pass_word},
                    	        dataType:"text",
                    	        success:function(data){
                        	        flag = true;
                        	        $("#loginflag").val("1");//设置登录标志位
                        	        changeHtml(data);
                    	        }//success
                             });//Ajax

#12

 $.ajax
$.get
$.post

#13

直接btn.submit就行了，每个标签的name和数据库一致，缺少的字段，后台赋值