//定义用户名校验的方法
function verify(){
//首先测试一下页面的按钮按下,可以调用这个方法
//使用javascript的alert方法,显示一个探出提示框
//alert("按钮被点击了!!!");
//1.获取文本框中的内容
//document.getElementById("userName"); dom的方式
//Jquery的查找节点的方式,参数中#加上id属性值可以找到一个节点。
//jquery的方法返回的都是jquery的对象,可以继续在上面执行其他的jquery方法
var jqueryObj = $("#userName");
//获取节点的值
var userName = jqueryObj.val();
//alert(userName);
//2.将文本框中的数据发送给服务器段的servelt
//使用jquery的XMLHTTPrequest对象get请求的封装
$.get("AJAXServer?name=" + userName,null,callback);
}
//回调函数
function callback(data) {
// alert("服务器段的数据回来了!!");
//3.接收服务器端返回的数据
// alert(data);
//4.将服务器段返回的数据动态的显示在页面上
//找到保存结果信息的节点
var resultObj = $("#result");
//动态的改变页面中div节点中的内容
resultObj.html(data);
alert("");
}
分享到:
相关推荐
一般来说,HTML页面写得越规范,使用jQuery就越简单 还有一种情况,在得到了jQuery()对象之后,想要判断其是否满足条件,那么可以调用is()、hasClass()等方法,返回一个boolean值,进行后续的判断。这类方法也可以...
jQuery 使用 $ 符号作为 jQuery 的简介方式。 某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号。 jQuery 使用名为 noConflict() 的方法来解决该问题。 var jq=jQuery.noConflict(),帮助您使用...
10个超实用的jQuery代码片段 jQuery以其强大的功能和简单的使用成为了前端开发者最喜欢的JS类库,在这里我们分享一组实用的jQuery代码片段,希望大家喜欢!
通过使用 jQuery 中的 animate 和 scrollTop 方法,你无需插件便可创建一个简单地回到顶部动画: // Back to top $('a.top').click(function (e) { e.preventDefault(); $(document.body).animate({scrollTop:...
代码片段: 日</li><li>一</li><li>二</li><li>三</li><li>四</li><li>五</li><li>六 <ul class="day-tabel"></ul> </div>
前端项目-jquery.ba-bbq,jquery bbq利用html5 hashchange事件允许简单而强大的书签哈希历史。此外,jquery bbq还提供了完整的.deparam()方法,以及哈希状态管理和片段/查询字符串分析和合并实用程序方法。
等等,通过简单设置组件的属性自动生成代码片段,默认使用的是最新版的jquery mobile 1.4.3版本。 jquery mobile代码助手包含了对JQuery Mobile中的所有组件属性的详细介绍。对于JQuery Mobile的初学者,可以通过...
jQuery-SlotMachine:megaphone:现在不需要jQuery! 它的名字只是遗产。...安装使用npm安装组件:npm install jquery-slotmachine --save使用Bower安装组件:bower install jquery-slotmachine --save示例
简单实用扁平风格的jQuery css3柱形图表插件</title> <link rel="stylesheet" href="css/style.css?3.1.64"> </head> <body> <li><span>100%</span></li> <li><span>90...
内容索引:脚本资源,jQuery,样式切换,风格选择 Style Switcher 是一款使用jQuery 进行网页风格切换的例子,可能看上去不太直观,实例仅给出了使得jQuery控制不同的CSS片段,最后控制网页中某段文字的显示方式,以及...
jquery-autocomplete配置: [removed][removed] [removed][removed] <link rel=”Stylesheet” href=”/js/... 首先是一个最简单的Autocomplete(自动完成)代码片段: 代码如下: <html xmlns=”http://www.w3.
一个用于滚动动画的简单jQuery插件 演示可以在上看到 究竟是什么? AnimateScroll是一个jQuery插件,它使您可以通过仅使用要滚动到的元素的id或classname调用animatescroll()函数来滚动到样式的页面任何部分。 它...
jquery_bbq_rails jquery_bbq_rails将Ben Almanin的jQuery BBQ库包装在rails引擎中,以便与Rails 3.1及更高版本提供的资产管道一起简单使用。 该宝石包括开发资源(非矿化资源),以方便勘探。 资产管道将在生产中...
jQuery波形可视化器一个围绕简单jQuery插件,用于可视化波形和片段以及HTML5音频播放器。 警告:此插件依赖于webAudioAPI (不支持IE)安装在关闭body标签之前,先在页面中加载jquery , waves.js和插件文件是一个好...
jquery 想必大家早已如雷贯耳,本文整理了一些在实际应用中比较常见的功能片段,感兴趣的朋友可以学习下哦,需要改进的地方希望大家不惜指教
php-htmldiff是一个用于比较两个HTML文件/片段并使用简单HTML突出显示差异的库。 此HTML Diff实现是从,并已通过新功能,错误修复和对原始代码的增强进行了修改。 有关这些修改的更多信息,请阅读或查看 。 安装 ...
向页面中注人脚本与加载HTML片段一样简单。但在这种情况下,需要使用全局函数 $.getScript(),这个全局函数与它的同辈函数类似,接受一个URL参数以查找脚本文件,参见如下代码: 代码如下:$(document).ready...
如果没有用到jQuery如何简单的实现呢。之前本人曾发过一个代码小片段:Javascript去除字符串左右的空格-trim(),这个写的比较粗糙并要用到递规操作。所以很多人很不满意代码的质量,包括我在内。偶尔看了下jQuery的...
jquery.text 错误 它是什么? 如果你有一个问题“如何让网站上的编辑器报告错别字或错误”,或者经常遇到他们并认为“我需要把它写在某个地方以免忘记更正它”——也许这个插件会是你感兴趣。 大致思路是这样的:...
代码片段,定义要应用水印效果的文本框的样式: .watermark { color: #cccccc; } 将JavaScript代码封装成JQuery的插件: (function ($) { $.fn.watermark = function (options) { var settings = $.extend({ ...