使用jquery的jsonp请求asp.net的webservice时,由于webservice一般返回的数据格式为xml或者只包含一个d属性的json(设置ajax请求的contentType为application/json)对象,具体参考:jquery webservice。 如果想指定jquery的ajax为jsonp请求,需要调用Response对象输出原始的内容,调用的方法返回值申明为void。示例代码如下,注意asp.net的webservice要配置允许get/post访问。web.config增加system.web protocols http://www.w3dev.cn/article/20140609/jquery-jsonp-asp.net-webservice.aspx
那么请求webservice时,会自动将返回的内容转为json的格式,json的格式如下{d:webservice方法返回的字符串内容}这时出现一个问题了,如果方法返回的是一个json格式的字符串,那么如何获得实际的json对象,而不是只有一个属性d的json对象呢?其实很简单,我们只需要在success回调函数中eval下jquery通过获取webservice得到的json对象的d属性,就可以获取到实际的json对象了。如下,如果方法返回的是 {msg:其实我也是json对象的字符串} 这种字符串信息,我们如何获取到msg这个属性的值呢?首先一定要明确的时,调用webservice的方法后http://www.w3dev.cn/article/20101020/jquery-net-webservice-json-contenttype.aspx
关键字:jquery webservice web服务 asmx asp.net 使用jquery访问webservice,要和请求的一般的url路径一样,需要配置过web.config文件,具体参考web服务因URL意外地以/**结束,请求格式无法识别,通过配置web.confg文件后,就不需要构造soap信封,而可以使用一般的get或者post键值对到web服务,就可以获取返回值了。 需要注意的是,请求web服务的url格式为“xxxxx.asmx/方法名称”这种格式,其中方法名称是区分大小写的。测试代码如下web.config,注意要配置webservices的protocols,这http://www.w3dev.cn/article/20100827/2817.aspx
本文将介绍jWuery调用基于.NET Framework 3.5的WebService返回JSON数据,另外还要介绍一下用jQuery调用WebService的参数设置及设置不当所出现的问题,还有出现问题的原因. jQuery调用WebService网上的介绍也比较多,最近的项目中我也用到不少,一直都很少用.NET Ajax,比较钟情于jQuery调用请求WebService有几种方法,这主要说一下POST与GET方法,其实安全方法考虑不建议使用GET方法,下面就说一下用jquery调用WebService的参数设置及设置不当所出现的问题,还有出现问题的原因。我们这里只讨论返回JSONhttp://www.w3dev.cn/article/20100827/jQuery-request-webservice-return-json.aspx
ent-type后get/post请求都可以正确执行,但返回的是xml,不是json。2)如果一定要可以get请求webservice,需要在ScriptMethod属性指定UseHttpGet=true,web.config中配置的get/post访问应该只是针对返回xml的,而不是设置过content-type:'application/json'返回json的,所以get请求会出错。 总结1)返回XML内容时,配置web.config允许webservice get/post访问即可,如果未配置过get/post访问会出现错误,参考:web服务因URL意外地以/**结束http://www.w3dev.cn/article/20130327/ajax-webservice-try-use-get-method-but-it-forbidden.aspx
是webservice的名称和方法,如__type:webservice.test+User3)如果是类,那么实际内容为一个json对象,包含类定义的公共属性 通过上面可以知道,ext4的JSONStore要使用webservice作为数据源时,需要注意下面4点1)webservice可以返回List类名称这种类型的数据,reader配置的root为d属性,并且添加proxy的headers,增加Content-Type: 'application/json'请求头以便返回json数据。2)需要注意的是,JSONStore默认的请求方式是get请求,而webservice返http://www.w3dev.cn/article/20130327/Ext4-JSONStore-load-webservice.aspx
dataIndex: 'Name', flex: 1, editor: { xtype: 'textfield' } }] }); });/script/headbody/body/html相关文章推荐Ext4 JSONStore使用webservice返回的json数据ajax webservice中试图使用 GET 请求调用方法,但不允许这样做jQuery通过调用webservice返回json数据的问题http://www.w3dev.cn/article/20130327/Ext4-XMLStore-load-webservice-demo.aspx
运行需要对.net做一下设置让“WebService输出JSON” 修改WebService,导入一个属性+展开-C#"C#"?Class="WebService1"?%>[System.Web.Script.Services.ScriptService()][WebService(Namespace="http:///showbo/")][WebServiceBinding(ConformsTo=WsiProfiles.BasicProfile1_1)]publicclassWebService1:System.Web.Services.WebService{[WebMethod]publhttp://www.w3dev.cn/article/20100827/jquery-webservice-contenttype-application-json.aspx
jquery模拟marquee滚动效果,可以设置滚动完毕后间隔多少秒再重新滚动。如果是只需要兼容IE浏览器,marquee有个onfinish事件(需要指定loop或者behavior为behavior=slide才会触发onfinish事件),可以使用此事件结合setTimeout重启marquee。测试firefox不支持marquee的stop和start方法,所以要兼容firefox使用js控制效果最佳。 jquery模拟marquee滚动源代码如下script type=text/javascript src=https://cdn.bootcss.com/jquery/1.7http://www.w3dev.cn/article/20170614/jquery-marquee.aspx
rel=stylesheet href=http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css script src=http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js/script script src=http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js/script script type=text/javascript http://www.w3dev.cn/article/20170206/jquery-control-table-td-hide-show.aspx
td.empty{text-decoration:none;cursor:default} .fullYearPicker br{clear:both}/stylescript type=text/javascript src=http://cdn.bootcss.com/jquery/1.7.1/jquery.min.js/scriptdiv id=div1/divinput type=button value=获取日历当前选中值 /input type=button value=更新日历值 /input type=button value=设置为指定年份 /input type=bhttp://www.w3dev.cn/article/20160826/jquery-fullYearPicker.aspx
;top: 0;width: 125px;height: 125px;background: #999;color: #fff;padding: 10px;}/stylescript src=http://code.jquery.com/jquery-1.10.2.js/scriptscript src=http://code.jquery.com/ui/1.11.4/jquery-ui.js/script/headbodydiv class=NotAllowDrop不允许拖放到此内容块上/divdiv class=NotAllowDrop style=top:200px;left:150pxhttp://www.w3dev.cn/article/20160818/jquery-ui-draggable-drag-range-control.aspx
件选择上传jquery插件DEMOscript type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.1.min.js/scriptscript src=/demo/multiFiles/jquery.multiFiles.js/scriptdiv name=upfile ext=jpg,png,doc,docx max=30/divscript $('div[ext]').multiFiles()/script 点击这里下载多文件选择上传jquery插件jquery.multhttp://www.w3dev.cn/article/20160608/jquery-multiple-file-select-upload-plugin.aspx
jQuery.tablesorter 2.0中文排序解决办法,jQuery.tablesorter 2.0中文排序使用的sortText方法,使用js操作符号进行对比,操作符号对中文无效,导致排序出问题。需要更改为localeCompare。jQuery.tablesorter 2.0新增了textSorter配置,改写内部的文字排序,可以增加此配置而不需要更改jQuery.tablesorter 2.0源代码。jQuery.tablesorter未配置textSorter配置,使用jQuery.tablesorter默认方法中文排序错误jQuery.tablesorter配置textSohttp://www.w3dev.cn/article/20160424/jQuery.tablesorter-2.0-chinese-sort.aspx
href=#3img src=http://glgangyu.com/upload/20160728/210736188.jpg /span文字描述3/span/a /div/divscript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js/scriptscript //power by showbo,http://www.w3dev.cn ,please keep this //type参数说明,默认left(从右边往左边滚动),top(从下往上滚动),fade(淡入淡出,IE8-http://www.w3dev.cn/article/20160308/jQuery-self-adaption-image-slider-mobile-friendly.aspx
align:center;button class=btn点击+1/button/p p style=text-align:center;button class=btn点击+1/button/p script src=http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js/script script ; (function ($) { $.extend({ tipsBox: function (options) { http://www.w3dev.cn/article/20160306/jquery-click-add-one-zoomout-effect.aspx
2017-8-3更新:修复已经执行过合并操作的table,单元格选择及合并不正确。 jQuery表格单元格合并插件,将合并后的所有单元格内容到第一个单元格中,支持已经被合并的多单元格的选择合并,功能和excel单元格合并功能一样。 jQuery防excel表格单元格合并插件源代码如下script type=text/javascript src=http://cdn.bootcss.com/jquery/1.7.1/jquery.min.js/scripttable border=1 trtd colspan=20-0/tdtd0-1/tdtd0-2/tdtd0-3/tdthttp://www.w3dev.cn/article/20160304/jquery-table-td-merge-plugin.aspx
jquery.DataTables自定义过滤查询需要使用到自定义Plug-ins功能,下载的压缩包里面也有相关示例。示例为Custom filtering - range search,搜索介于2个数字间的记录。 下面示例为jquery.DataTables自定义过滤查询介于2个日期间的记录,示例居于DataTables-1.10.7\examples\plug-ins\range_filtering.html修改。script type=text/javascript /* 自定义过滤函数,判断日期是否时间是否处于2个日期之间 */ $.fn.dataTable.ext.http://www.w3dev.cn/article/20160105/jquery.DataTables-Custom-filter-search.aspx
居于jquery框架的标签云选择效果。!doctype htmltitlejquery多彩标签云选择效果/titlescript type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.1.min.js/scriptstyle ul,li{list-style:none;padding:0px;margin:0px} ul.cloud{zoom:1;overflow:hidden;width:300px} ul.cloud li{-moz-border-radius:6px;-wehttp://www.w3dev.cn/article/20150728/jquery-cloud-tag.aspx
jquery实现通讯录勾选效果。script type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js/scripttable trtd valign=top收件人:input type=text id=txt style=width:500px /input type=hidden id=txtIds name=ids /br / 主题:..../tdtd id=tdContact通讯录br /input type=checkbox class=all /全部bhttp://www.w3dev.cn/article/20150725/jquery-contact-select.aspx
2016-8-9:新增剩余数量。 jquery实现的仿淘宝规格颜色选择效果源代码如下script type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js/scriptstyledd,dl{zoom:1;overflow:hidden}dt,li{float:left;list-style:none;margin-left:10px;line-height:50px}dt a,li a{display:block;text-align:center;border:solid 1px http://www.w3dev.cn/article/20150409/jquery-taobao-color-size-selected.aspx
--密码:input type=text class=softkb /script src=http://libs.baidu.com/jquery/1.4.2/jquery.min.js/scriptscript window.onload = function () {//通过本网站运行功能运行示例时,IE下如果不放入window.onload事件中会找不到script导入的js,实际应用不需要。 /* * jQuery soft keyboard plugin * @requires jQuery1.4+ * @authorhttp://www.w3dev.cn/article/20150319/jQuery-soft-keyboard-plugin.aspx
et href=css/jquery.fullPage.cssscript src=js/jquery.min.js/script!-- jquery.easings.min.js 用于 easing 参数,也可以使用完整的 jQuery UI 代替,如果不需要设置 easing 参数,可去掉改文件 --script src=js/jquery.easings.min.js/script!-- 如果 scrollOverflow 设置为 true,则需要引入 jquery.slimscroll.min.js,一般情况下不需要 --script src=js/jquery.slimscroll.http://www.w3dev.cn/article/20150311/jQuery.fullPage.js.aspx
jQuery 插件jquery.rotate.js,可以实现DOM对象旋转效果。jquery.rotate.js支持所有主流浏览器,包括 IE6。如果你想在低版本的 IE 中实现旋转效果,那么jquery.rotate.js是一个很好的选择。jquery.rotate.js参数参数类型说明默认值angle数字旋转一个角度0animateTo数字从当前的角度旋转到多少度0step函数每个动画步骤中执行的回调函数,当前角度值作为该函数的第一个参数无easing函数自定义旋转速度、旋转效果,需要使用 jQuery.easing.js无duration整数旋转持续时间,以毫秒为单位callbackhttp://www.w3dev.cn/article/20150311/jquery.rotate.js.aspx
mn(); render($cells, false); //重排已有元素时强制不渐显 } })(jQuery);/scriptscript var totalpage = %#totalpage %;//服务器端计算出的总页数 function getResource(index, render) {//getResource参数,第一个为加载次数,第二个是绘制瀑布流回调函数,此函数参数为jQuery包装过的砖块元素 if (index + 1 totalpage || opt.loading) return false;http://www.w3dev.cn/article/20150112/jquery-waterfall-asp.net-read-data-demo.aspx
jquery模拟android slidingmenu组件效果源代码如下,采用了CSS3动画,IE浏览器需要升级到IE9+以上。!doctype htmlscript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js/scripttitlejquery模拟android slidingmenu组件效果/titlestylehtml,body{margin:0px;padding:0px;height:100%;width:100%;overflow:hidden;}.abs{position:absolute;bachttp://www.w3dev.cn/article/20141201/jquery-android-slidingmenu.aspx
p://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdtitlejquery水平方向平铺焦点图插件/titlescript type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js/scriptstylebody{margin:0px;padding:0px}.slider{position:relative}.sliderContent{height:500px;width:100%;overflow:hidden;}.sliderIhttp://www.w3dev.cn/article/20141127/jquery-horizontal-photo-gallery.aspx
如何检查jquery选出的对象是否还在dom树中,而不是从DOM树中删除掉。script type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js/scriptpDOM1/ppDOM2/pscript var $cache1 = $(p); //jQuery选出所有p对象 $(p:eq(0)).remove(); //jQuery移除第一个p对象 alert($cache1.size())//输出2,而不是1 //由于$cache1只是选出对象的一个副本,上面http://www.w3dev.cn/article/20141118/how-to-check-jquery-object-is-in-dom.aspx
cdn.com/ajax/jQuery/jquery-1.9.1.min.js/scriptscript src=location.js/scriptscript //如果初始化为其他地区的,需要注意选择器的修改,传递不同的proid(省id),cityid:(市id) areaid:(县id),省市对应ID在location.js里面有定义,县id从京东动态加载 $('ul.list1').Address({ proid: 20, cityid: 1726, areaid: 22885 });/script完整压缩包下载地址:jquery仿京东商城三级联动代码插件http://www.w3dev.cn/article/20141024/jquery-jd-province-city-area-Cascade-select-plugin.aspx
r滑动条取值插件/titlelink rel=stylesheet href=http://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.cssscript src=http://code.jquery.com/jquery-1.10.2.js/scriptscript src=http://code.jquery.com/ui/1.11.2/jquery-ui.js/scriptscript $(function () { $(#slider).slider({ max: 99.9, min: 0, step:http://www.w3dev.cn/article/20141021/jQuery-Slider-plugin.aspx