`
liulanghan110
  • 浏览: 1077874 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

jquery利用JSON传值

阅读更多

注册时验证用户名是否重复

第一种方法:

前台

<script>
function checkUsername(obj){
	var user = obj.value;
	var actionUrl="${base}/ajax/username_check.action";
	//alert(actionUrl);
	$.getJSON(actionUrl, {username:user}, function(data){
	       	returnProcess(data);
        }
        );  
}

function returnProcess(objects){
	var message = document.getElementById("message");
	//alert(objects.result);
	if (objects.result == "fail") {
		message.innerHTML = "用户名重复!";
	} else {
		message.innerHTML = "";
		username.focus();
	}
}
</script> 
 

配置文件:

 

<struts>
	 <package name="ajax" extends="json-default" namespace="/ajax">
		<action name="username_*" class="usernameAction" method="{1}">
            <result type="json">
            	<param name="includeProperties">result</param>
            </result>
        </action>
 
    </package>
</struts>

 

后台action:

 

//检测用户名是否重复
	public String check() {
		
		if(userService.checkUsername(username) > 0){
			result = "fail";
		}else{
			result = "success";
		}
		return SUCCESS;	
	}

 第二种方法:

前台:

<script>
function checkUsername(obj){
	var user = obj.value;
	var actionUrl="${base}/ajax/username_check.action";
	$.getJSON(actionUrl, {username:user}, function (data){
	       	returnProcess(data);
        }
    );

}

function returnProcess(data){

	var message = document.getElementById("message");
	var dataObj = eval(data);	
	$.each(dataObj,function(i,item){
		if (item.result == "fail") {
		message.innerHTML = "用户名重复!";
		}else {
		message.innerHTML = "";
		username.focus();
		}
	});
}
					

 配置文件:

 <package name="ajax" extends="json-default" namespace="/ajax">
		 <action name="username_*" method="{1}" class="usernameAction">
            <result type="json">
            	<param name="root">data</param>
            </result>
        </action>
    </package>

 后台:

	public String check() {
		if(userService.checkUsername(username) > 0){
			result = "fail";
		}else{
			result = "success";
		}
		this.data = "[{result:'"+result+"'}]";;
		return SUCCESS;	
	}

 如果传的是数据库的结果集,可以这样:

List<Student> list = studentService.findStudentByDto(studentDto);
		JSONArray jsonArray = JSONArray.fromObject(list);
		this.data = jsonArray.toString();
		return Action.SUCCESS;
 

 

 

 

分享到:
评论

相关推荐

    c# json传值实例 完整sln解决方案

    总结一下,这个“c# json传值实例 完整sln解决方案”涵盖了C#中JSON序列化和反序列化的方法,以及如何利用ASP.NET和AJAX实现前后端间的数据交互。通过这个实例,开发者可以学习到如何在实际项目中有效地使用这些技术...

    通过Jquery实现Ajax传值.rar

    本示例“通过Jquery实现Ajax传值.rar”着重讲解如何在MVC(Model-View-Controller)架构中利用jQuery的Ajax功能来传递数据,避免了传统表单提交带来的页面刷新问题。 首先,理解MVC模式是至关重要的。MVC是一种软件...

    jquery利用json实现页面之间传值的实例解析

    本文将深入讲解如何使用jQuery和JSON(JavaScript Object Notation)技术实现在页面之间的传值。JSON是一种轻量级的数据交换格式,它允许开发者以易于读写的方式存储和传输数据。jQuery则是一个强大的JavaScript库,...

    fastjson+ajax+sppringmvc前后使用json传值的demo

    本示例“fastjson+ajax+sppringmvc前后使用json传值的demo”展示了如何利用这些技术进行高效的数据传输。以下是相关知识点的详细说明: 1. JSON:JSON是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于...

    myeclipse8下STRUTS(自带JSON插件)的JSON传值例子.rar

    本示例主要探讨的是如何在MyEclipse8环境下,利用STRUTS框架内置的JSON支持,进行JSON数据的传递,同时避免了额外下载和配置Google插件的步骤。 首先,我们需要理解STRUTS框架。STRUTS是基于Model-View-Controller...

    jQuery学习笔记(1)--用jQuery实现异步通信(用json传值)具体思路

    jQuery学习笔记(1)--用jQuery实现异步通信(用json传值)具体思路的知识点: 1. jQuery库与异步通信:jQuery是一个流行的JavaScript库,它简化了JavaScript编程,使得开发者可以用更少的代码来完成复杂的效果。在异步...

    jQuery解析json格式数据简单实例

    在JavaScript和Web开发中,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于人阅读和...通过学习和掌握这些方法,开发者能够更好地利用JSON进行数据交换和处理,提升Web应用的性能和用户体验。

    ajax的json传值方式在jsp页面中的应用

    在JSP(Java Server Pages)页面中应用AJAX的JSON传值方式,主要是通过JavaScript来实现AJAX请求,并处理返回的JSON格式数据。在JSP页面中,通常会使用jQuery这类JavaScript库来简化AJAX调用的过程。 文档中提到的...

    jquery ajax接收后台传值

    ### jQuery AJAX 接收后台传值 在本案例中,主要介绍了如何利用jQuery AJAX技术实现根据JSP页面中下拉框的选择来动态控制显示不同的内容。这种交互方式常见于需要实时响应用户操作并从服务器获取数据的应用场景。 ...

    ssm+tiles框架,前后台传值与获取值(json)

    在"ssm+tiles框架,前后台传值与获取值(json)"的场景中,我们将讨论如何在这些框架下进行数据的传递,特别是利用JSON格式进行数据交换。 首先,我们需要确保所有必要的jar包已经包含在项目中。这包括Spring的核心...

    Jquery Ajax方法传值到action的方法

    这种方式利用了ASP.NET MVC的模型绑定功能,它会自动尝试将JSON数据映射到类的实例中,只要JSON的键与类的属性名相匹配。 总结来说,jQuery AJAX 提供了一种高效且灵活的方式,能够在客户端与服务器之间进行数据...

    Struts2.5 利用Ajax将json数据传值到JSP的实例

    综合上述,通过Struts2框架利用Ajax将JSON数据传值到JSP页面实现了一个无需刷新页面即可更新页面某部分数据的Web应用实例。这种技术组合简化了数据交换流程,提高了用户体验,是Web开发中常见的一种实现方式。

    jquery的get()方法ajax传值php实例

    这个实例展示了如何利用jQuery的`get()`方法和PHP实现客户端与服务器之间的数据交互。这种方式在不刷新页面的情况下更新内容,提升用户体验,广泛应用于动态网页和单页应用程序(SPA)中。同时,通过JSON作为数据...

    JQ制作的无刷新传值

    在Web开发中,jQuery(通常简称为JQ)是一个强大的JavaScript库,它简化了JavaScript的许多复杂操作,包括实现无刷新传值。下面将详细解释JQ如何实现无刷新传值,以及这一技术的核心知识点。 首先,理解AJAX(异步...

    jQuery添加options点击事件并传值实例代码

    在本例中,我们将探讨如何利用jQuery来为一个下拉菜单(select元素)中的options元素添加点击事件,并实现值的传递。 首先,需要明确,一个下拉菜单通常由select元素及其内部的option元素组成,每个option元素可以...

    C#MVC控制器前后端传值

    5. JavaScript和Ajax:对于异步请求,可以使用jQuery或其他JavaScript库通过Ajax与控制器进行通信。例如: ```javascript $.ajax({ url: '@Url.Action("MyAction")', type: 'POST', data: { name: 'John', ...

    AJAX实现的购物系统

    **JSON传值技术**:JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在SSH框架和jQuery的AJAX交互中,通常会使用JSON来传输数据。例如,服务器端可能...

    页面间传值

    以下是对这个主题的详细解释,以及如何利用HTML、CSS、jQuery和JavaScript实现这一功能。 1. URL参数传递: 最基础的页面间传值方法是通过URL查询字符串。在超链接`&lt;a&gt;`标签中添加`?key=value`形式的参数,如`点击...

Global site tag (gtag.js) - Google Analytics