jQuery中常用getJSON来调用并获取远程的JSON字符串,将其转换为JSON对象,如果成功,则执行回调函数。原型如下: jQuery.getJSON( url, [data], [callback] ) 跨域加载JSON数据。 url: 发送请求的地址data : (可选) 待发送key/value参数callback: (可选) 载入成功时的回调函数主要用于客户端获取服务器JSON数据。简单示例: 服务器脚本,返回JSON数据:代码如下:// $.getJSON.php$arr=array("name"=>"zhangsan", "age"=>20); $jarr...
代码如下:$.ajax({ url : deliveryWarrant/update.do, data : $(#myform).serialize(), type : "POST", success : function(data) { var res = eval(( + data + )); if (res && res.success == true) { alert(res.message); location.href="/form.php?godownWarrant.code="+$("#myform input[name=godownWarrant\\.code]").val(); } else { alert(res.message); ...
代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <title>jQuery背景墙聚光灯效果代码 </title> <script type="text/javascript" charset="utf-8" src=/jquery.js></script> <script type="text/javascript" charset="utf-8"> $(window).load(function(){ var spotlight = { // th...
代码如下:<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script><script type="text/javascript" src="js/jquery-ui-1.10.3.min.js"></script><script type="text/javascript" src="js/jquery.fullPage.js"></script><script type="text/javascript">$(document).ready(function() { $.fn.fullpage({ slidesColor: [#fff, #fff, #fff, #fff, #fff], anchors: [page1, page2, page3, page4, pag...
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>自定义滚动条插件</title><style type="text/css"><!--html,body{height:100%;}body {margin:0; padding:0; background:#111 url(mcs_demo_bg.jpg) no-repe...
代码如下:<!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>jQuery五角星评分插件</title><script type="text/javascript" src="js/jquery/jquery-1.3.2.min.js"></script><script type="text/javascript" src="js/star_rating.js"></script><style type="text/css">#rating_cont { background: #1E1D1C url(images/rating_background.jpg) top left no-repeat; border: 1px so...
代码如下:(function($){ $.fn.autoMail = function(options){ var autoMail = $(this); var _value = ; var _index = -1; var _width = autoMail.outerWidth(); var _height = autoMail.outerHeight(); var _left = autoMail.offset().left; var _top = autoMail.offset().top; autoMail.defaults = { deValue : 请输入邮箱地址, ...
代码如下:function clearForm(form) { // iterate over all of the inputs for the form // element that was passed in $(:input, form).each(function() { var type = this.type; var tag = this.tagName.toLowerCase(); // normalize case // its ok to reset the value attr of text inputs, // password inputs, and textareas if (type == text || type == password || tag == textarea) this.value ...
原理:JavaScript的Ajax不可以跨域,但是可以通过向本地的一个Servlet发出请求,由Servlet完成跨域。再把远程的结构返回给客户端。这样Ajax就可以跨域了。在后面,再发一个PHP版本的,请大家关注啊。下面是代码 JS代码: 注意:在Post方式时,param1和param2为向远程发送的参数值,可以有多个。代码如下://GET方式function reqeustCrossDomainProxyGet(){ var url = "http://www.baidu.com";//远程请求地址 var param = {req...
本文以查找车站名为例,仿12306官网查找车站售票时间页面效果,当用户输入关键字点击查找按钮或按回车键时,jQuery通过正则匹配内容,准确匹配关键字,并迅速将页面定位滚动到第一个匹配的位置,并显示相关信息(本例中附加信息为车站开始售票时间)。 HTML页面需要放置一个输入框用来输入要查找的关键字,以及一个查找按钮,然后就是主体内容#content,里面包含着n个<p>,即每个时间段开售车票的车站名。 代码如下:<div id="sear...
代码如下:<h1>Libraries give you <span class="txt-rotate fw700" data-period=500" data-rotate=[ "knowledge", "community", "an outlet", "中国起源", "OSCHINA" ]></span></h1>代码如下:html,body { font-family: Open Sans, Helvetica Neue, sans-serif; padding: 3em 2em; font-size: 18px; background: #fff; color: #009966;} h1,h2 { font-weight: 300; margin: 0.4em 0;}h1 { font-size: 3.5em; }h2 { font-siz...
代码如下:$(function(){ /*JQuery 限制文本框只能输入数字*/ $(".NumText").keyup(function(){ $(this).val($(this).val().replace(/\D|^0/g,)); }).bind("paste",function(){ //CTR+V事件处理 $(this).val($(this).val().replace(/\D|^0/g,)); }).css("ime-mode", "disabled"); //CSS设置输入法不可用 ...