java 表单提交_java 前端--form表单4中提交方式

1.通过type=submit提交

一般表单提交通过type=submit实现，input type="submit",浏览器显示为button按钮，通过点击这个按钮提交表单数据跳转到/url.do

function checkUser(){

var result = document.getElementById("userid").value;

var password = document.getElementById("userpassid").value;

if(result == "" ){

alert("用户名不能为空");

return false;

}

if(password == "" ){

alert("密码不能为空");

return false;

}else{

return true;

}

}

2.js提交form表单

js事件触发表单提交，通过button、链接等触发事件，js调用submit()方法提交表单数据，jquery通过submit()方法

js: document.getElementById("form").submit();

jquery: $("#form").submit();

3.ajax异步提交表单数据

采用ajax异步方式，通过js获取form中所有input、select等组件的值，将这些值组成Json格式，通过异步的方式与服务器端进行交互，

一般将表单数据传送给服务器端，服务器端处理数据并返回结果信息等

var params = {"name", $("#name").val()}

$.ajax({

type: "POST",

url: "/url.do",

data: params,

dataType : "json",

success: function(respMsg){

}

});

4.button按钮提交 点击按钮链接到具体的代码

Click Me!$("#btn").click(

function() {

$.post("json.do", function(data) {

var html = "";

for (var i = 0; i

html += "

"+ data[i].id + ""

+ data[i].name + "

" + data[i].sex

+ "

";

}

;

$("#content").html(html);

});

});

});