ajax的一些简单例子

最新推荐文章于 2020-09-07 21:02:06 发布

原创最新推荐文章于 2020-09-07 21:02:06 发布 · 319 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax

ajax 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种基于Ajax的用户增加与查询操作方法。在增加用户时，使用表单验证确保数据完整，并通过POST方式提交数据。对于单个用户的查询，则通过传递ID参数获取JSON格式的具体信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、新增用户（controller返回值是String，dataType为text）

    function insertUser() {
            //提交之前先判断所有输入框是否都验证通过
            var isValid = $("#assessorInfo-form").form('validate');//验证表单中的一些控件的值是否填写正确
            if (!isValid) {
                return false;
            }
            //验证通过再进行提交
            $.ajax({
                type : "post",
                url : "insertUser.do",
                data : {
                    position : $("input[name='position']:checked").val(),//jquery获取radio的value值
                    username : $("#username").val(),//jquery获取文本框的值
                    account : $("#account").val(),
                    password : $("#password").val(),
                    birthday : $("#birthday").datebox("getValue"),//easyui获取datebox的值
                    gender : $("input[name='gender']:checked").val()
                },
                dataType : "text",
                success : function(res) { //res为controller的返回值
                    if (res == "SUCCESS") {
                        window.location.href = "views/assessorManage.jsp"
                    }
                },
                error : function(XMLHttpRequest, textStatus, errorThrown) {
                    alert(XMLHttpRequest.status);
                    alert(XMLHttpRequest.readyState);
                    alert(textStatus);
                }
            });
        }

2、查询单个对象（controller返回值是json）

$.ajax({
	type : "post",
	url : "selectOneBySelective.do",
	data : { //发送的数据。当dataType为json时，data和res都必须是json类型!注意要加上""。
		"oid" : oid 
	},
	dataType : "json",//预期服务器返回的数据类型
	success : function(res) { //res为返回的数据。
		if(res != null){
			$("#estimateNo").val(res.estimateNo); 
		}
	},
	error : function(XMLHttpRequest, textStatus, errorThrown) {
		alert(XMLHttpRequest.status); 
		alert(XMLHttpRequest.readyState);
		alert(textStatus);
	}
});