1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > java 表单提交_java 前端--form表单4中提交方式

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

时间:2019-08-07 23:18:41

相关推荐

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);

});

});

});

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。