`

jquery javascript ajax经常用到的(一)

阅读更多
 
╔════════════════════════════════════════════════════════════════════════════════════╗
                     程 序 员 应 该 做 的 事 情: 少 说 废 话、多 写 代 码
╚════════════════════════════════════════════════════════════════════════════════════╝
 
 
		$('#msg').text('').show();
		var reg=confirm("您确认是否要删除该数据?")
		if(reg==true){
			if(data==1){
				$('#msg').text('【消息通知】:用户编号为【'+obj.alt+'】的用户已经删除!').fadeOut(5000);
				get_json();	
			}else{
				$('#msg').text('【消息通知】:用户编号为【'+obj.alt+'】的用户删除失败!').fadeOut(5000);
			}			
}

<!--------------------------------------------------------------------->
<form id="frm" name="frm" action="">
	<p>姓名:<input name="uname" id="uname"  value="kspengjun"/></p>
    <p>密码:<input name="passwd" id="passwd" value="woaini5511" /></p>
    <p>年龄:<input name="age" id="age" value="20" /></p>
    <input type="button" onclick="login()"  value="Login" id="btn_login"/> 
</form>

<!--------------------------------------------------------------------->
 
//---------------------------------------------------------------------
function login(){// form表单序列化、字符串转json

	//var val=$('#frm').serialize();
	var val=$('form').serialize();
	document.writeln(val+'<br>');
	
	var json='{name:"admin",passwd:"admin"}';
	document.writeln(json+'<br>');
	var to_json=eval('('+json+')');//计算成字符串
	document.writeln(to_json.name+'<br>');
	document.writeln(to_json.passwd+'<br>');
		
	}
//---------------------------------------------------------------------	
 
uname=kspengjun&passwd=woaini5511&age=20
 {name:"admin",passwd:"admin"}
 admin
 admin
 
 
//---------------------------------------------------------------------
function login(){//字符串转json、Json转字符串
	
	var json='{"name":"admin","passwd":"admin"}';
	
	var json_parse=JSON.parse(json);//利用js将字符串转Json对象
	document.writeln('JSON.parse:'+json_parse.name+'<br>');
	
	var jsonText = JSON.stringify(json_parse);//利用js将json对象转成字符串
	document.writeln('JSON.stringify:'+jsonText+'<br>');
	
	var obj = jQuery.parseJSON(json);//利用jquery将字符串转成json对象
	document.writeln('jQuery.parseJSON:'+jsonText+'<br>');
	
		
	}
//---------------------------------------------------------------------	
 
 
JSON.parse:admin
 JSON.stringify:{"name":"admin","passwd":"admin"}
 jQuery.parseJSON:{"name":"admin","passwd":"admin"}
 
//-------------------------------------------------------------------------	
function login(){

document.writeln(

'【表单层叠输出】输出结果:'+$('form input:first').val()+'<br>'
+'【层叠输出最后一个元素】输出结果:'+$('form input:last').val()+'<br>'
+'【输出被disabled的input】输出结果:'+$('form input:disabled').val()+'<br>'
+'【表单序列化】输出结果:'+$('form input:checkbox:not(disabled)').val()+'<br>'
+'【输出div中包含lisi的字符串】输出结果:'+$("div:contains('lisi')").text()+'<br>'

); 
}	
//-------------------------------------------------------------------------
 
【表单层叠输出】输出结果:kspengjun
【层叠输出最后一个元素】输出结果:试一试
【输出被disabled的input】输出结果:man
【表单序列化】输出结果:man
【输出div中包含lisi的字符串】输出结果: zhangsan lisi wangmazi lisi
 
 
 
 
 
 
 
 
 
 
 
3
5
分享到:
评论

相关推荐

    JQueryAjax用到的jar包

    综上所述,虽然“JQueryAjax用到的jar包”这个标题可能有些误导,因为jQuery本身是JavaScript库,不需要jar包。但在Java Web环境中,为了实现jQuery Ajax功能,我们可能需要用到处理JSON或XML数据的Java库,例如...

    jquery+ajax+asp+mysql加载更多。

    首先,jQuery是一个轻量级的JavaScript库,它简化了DOM操作、事件处理、动画效果和AJAX交互。在这个案例中,jQuery将被用来监听用户的滚动事件,当用户滚动到页面底部时触发AJAX请求。 Ajax(Asynchronous ...

    struts2+jquery+ajax文件异步上传

    接着,jQuery是一个高效、简洁的JavaScript库,它简化了DOM操作、事件处理和Ajax交互。在这个项目中,jQuery被用来封装Ajax调用,使得文件上传可以在后台进行,无需刷新整个页面。通过使用`$.ajax()`或`$.fileUpload...

    Jquery实现ajax三级联动

    jQuery是一个轻量级的JavaScript库,它简化了DOM操作、事件处理和Ajax交互等任务。在这里,我们将用到jQuery的$.ajax方法来实现异步数据请求。$.ajax函数允许我们发送HTTP请求到服务器,获取数据并动态更新页面。 1...

    jQuery_Ajax全解析.doc

    jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯。 我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,...

    jQuery AJAX加载片段

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理以及Ajax交互等任务。AJAX(Asynchronous JavaScript and XML)技术允许我们在不刷新整个页面的情况下与服务器进行数据交换,...

    jQuery实现AJAX定时刷新局部页面实例

    定时局部刷新用到jQuery里面的setInterval方法,setInterval方法两个参数,第一个是设置定时执行的函数名,第二个是时间,如下代码所示,设置每隔10微秒定时执行一次aa方法。 [removed] $(function(){ setInterval...

    jquery-3.7.1.zip web组件

    在现代Web开发中,jQuery是一个不可或缺的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互等任务。标题中的“jquery-3.7.1.zip”表明我们讨论的是jQuery的3.7.1版本,这是一个经过优化和更新...

    关于jquery(ajax)web四级联动

    在本例中,我们将使用jQuery的AJAX技术来实现在Web项目中选择地区的四级联动效果。 首先,我们需要创建一个动态Web工程。动态Web工程(Dynamic Web Project)是Eclipse中的项目类型,它允许我们编写包括Java在内的...

    jquery ajaxSubmit提交所用到的jquery.form.js

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互等任务。在本主题中,我们重点关注的是jQuery的`ajaxSubmit`功能,它是通过`jquery.form.js`插件实现的,这个插件扩展...

    java与jQuery整合ajax仿googleSuggest自动补全实例

    最后,`js`目录可能包含了除jQuery之外的其他JavaScript库或自定义脚本,如用于辅助处理AJAX请求、数据绑定或者UI交互的函数。 总结起来,这个实例展示了如何利用Java后端和jQuery前端,结合AJAX技术,实现一个动态...

    jQuery javascript css 在线截图 asp.net2005

    标题中的“jQuery javascript css 在线截图 asp.net2005”揭示了这是一个关于使用jQuery、JavaScript、CSS技术实现在线截图功能的项目,且该功能是构建在ASP.NET 2005框架上的。让我们详细探讨一下这些技术及其在...

    javascript经典特效---jQuery黑色动感Ajax无刷新动态分组图片效果代码.rar

    【jQuery黑色动感Ajax无刷新动态分组图片效果代码】是一个基于JavaScript库jQuery实现的创新性网页特效,它利用Ajax技术实现了页面无刷新的状态下,动态加载和切换图片组的效果,为用户提供了流畅且富有视觉冲击力的...

    php+jQuery ajax实现的实时刷新显示数据功能示例

    使用jQuery库简化JavaScript操作,以及定时器每秒执行一次ajax请求,实现数据的实时更新。 前端页面的关键技术点包括: 1. HTML构建网页基础结构。 2. CSS进行样式布局和美化。 3. JavaScript操作DOM,实现数据的...

    jQuery+ajax+html5+css3等最新技术整合的Tab标签栏切换特效.zip

    首先,jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果和Ajax交互。在这个项目中,jQuery用于处理Tab标签的点击事件,切换显示内容,并可能实现平滑过渡效果。例如,通过选择器找到对应的...

    Jquery各种插件和JQuery Ajax三级联动地区下拉框 & 非Ajax实现三级联动

    首先,jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画设计以及AJAX交互。它的API设计简洁易用,使得开发者能够更高效地编写JavaScript代码。 **jQuery插件的应用** jQuery插件是扩展jQuery...

    jQuery开发所能用到的所有API文档

    在Web开发领域,jQuery是一个不可或缺的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。本篇将围绕jQuery API及其与CSS相关的参考资料进行深入探讨。 首先,jQuery的核心在于它的选择器,...

    Jquery用到的一些包

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作和Ajax交互。这个压缩包文件“Jquery用到的一些包”很可能包含了一些核心的jQuery库文件以及可能的扩展...

    jQuery+ajax读取并解析XML文件的方法

    jQuery是一个快速、小巧且功能丰富的JavaScript库,它封装了原生的JavaScript Ajax API,使得异步数据交互变得简单而高效。在使用jQuery处理XML文件时,我们主要会用到它的ajax方法。该方法允许我们发送HTTP请求到...

Global site tag (gtag.js) - Google Analytics