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设置输入法不可用 ...