前台用AJAX直接调用后台方法，老有人发帖提问，没事做个示例 下面是做的一个前台用JQUERY，AJAX调用后台方法做的无刷新级联菜单 CasMenu.aspx页面：Porschev--前台JS(Jquery)调用后台方法 级联菜单 $(function() { $("#selPro").change(function() { //省份下拉菜单的change事件 var params = '{str:"' + $(this).val() + '"}'; //此处参数名要注意和后台方法参数名要一致 $.ajax({ ty...
随着互联网时代的发展，web前端已经和后台数据挂钩，作为web前端仅仅不是只切图写写html，css 和简单js交互。 js code$(function() {var page = 1;var discount = $('#discount');var innerHeight = window.innerHeight;var timer2 = null;$.ajax({url: '/lightapp/marketing/verify/apply/listpage=1',type: 'GET',dataType: 'json',timeout: '1000',cache: 'false',success: function (data) {if (data.error_code === 0) {var...
实现发表心情功能通过php+jquery+ajax+mysql技术，大致流程我先给大家理下：主页index.html页面通过ajax获取心情图标及柱状图相关数据，当用户点击其中的一个心情图标时，向后台php发送请求，php对用户cookie验证（是否是首次提交），然后将数据库对应的心情字段内容加1，成功后返回前端页面，告诉首页index页面发表成功，并调整柱状图和统计数据。 请看效果图：html： 先看HTML，我们在index.html中放置一个#msg，用来显示操作结果...
本文实例讲述了jQuery基于ajax实现星星评论代码。分享给大家供大家参考。具体如下： 这里使用jquery模仿点评网的星星评论功能，Ajax评论模块，鼠标点击星星即可评价，下边是分数，可以点击后给分，网上很流行的效果，本代码相对完整，相信很多朋友会喜欢的。 先来看看运行效果截图：具体代码如下：jquery点评网星星评论body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{...
本文实例讲述了jQuery基于ajax实现带动画效果无刷新柱状图投票代码。分享给大家供大家参考。具体如下： 这里介绍的jQuery ajax投票特效,带动画效果 类似进度条风格的柱状图，以你最喜欢的编程语言是哪一种为例来演示投票效果，以Ajax方式无刷新投票，每点击一次，横向的柱状图就会增长一节。如果在火狐或chrome下浏览，那些柱状图横条是圆角的，在IE8下则无此效果。 运行效果截图如下：具体代码如下：jQuery ajax投票特效,带动画效...
现在比较流行使用jquery的ajax来实现一些无刷新请求效果，本章节提供一个非常简单的代码实例供大家参考之用，希望能够给需要的朋友带来一定的帮助，代码如下:/* 请求Ajax 带返回值，并弹出提示框提醒 --------------------------------------------------*/ function getAjax(url,parm,callBack) { $.ajax({ type:'post', dataType:"text", url:url, data:parm, cache:false, async:false, success:function (msg) { callBack(m...
AJAX越来越火了，作为一个WEB程序开发者要是不会这个感觉就要落伍，甚至有可能在求职的时候屡被淘汰。我也是一个WEB程序开发者，当然我也要 “随波逐流”一把，不然饭碗不保啊！之前实现AJAX使用Javascript脚本一个一个敲出来的，很繁琐。学习Jquery之后就感觉实现AJAX并不是那么的困难了，当然除了 Jquery框架外还有其它的优秀框架这里我就着重说下比较流行的Jquery。Jquery AJAX提交表单有两种方式，一是url参数提交数据，二是fo...
对于问题从后台获取json数据，将内容填充到下拉列表，代码非常简单，具体过程请看下面代码。 需求：url:链接 par：ID sel：下拉列表选择器 //获取下拉列表function BuildSelectBox(url, par, sel) {$(sel).empty();$.getJSON(url, { id: par }, function (json, textStatus) {for (var i = json.length - 1; i >= 0; i--) {$(sel).prepend('' + json[i].Name + '')};$(sel).prepend('请选择')}); }以上代码很简单吧，此问...
不想用Easyui的样式，但是想要他的表格功能，本来一开始是要到网上找相关插件的，但是没找到就开始自己写，没想到这么简单。后台代码：（这个不重要）public ActionResult GetDictTypes() {var data = from a in dbo.DictTypesselect new DictTypeListViewModel{ID = a.ID,Name = a.Name,LastChangeUser = a.LastChangeUser,LastChangeDate = a.LastChangeDate,Remark = a.Remark};return Json(data.ToList()); }页面代码：ID标题简...
本文使用jQuery，结合PHP和Mysql，通过实例讲解如何实现Ajax数据加载效果。HTML页面中，#list用来展示数据列表，包括本例要展示的商品图片和标题，#pagecount用来展示分页条，即本例中的上一页、下一页。 当然，别忘了，在head中预先载入jquery库文件。 CSS 我们需要将商品图片进行排列，以及设置分页条样式，当然这些样式的设计可以根据读取成功后的数据进行设置，本例中我们先把css代码贴出来。#list{width:680px; height:530px;...
之前很少会用javascript去实现页功能主要怕麻烦，但了解JQuery后这种想法发生了变化；有了这样的脚本组件就可以在编写脚本时方便和HTML隔离出来，这样编写高重用性的脚本就更方便。下面就是介绍在学习JQuery过程中编写的基于Ajax的数据查询、排序和分页功能的复用脚本，只要遵循脚本的某些规则描述HTML把脚本文件引入就可以方便实现以上描述的功能。先看下实现功能的代码：/**应用脚本规则： 引用脚本: JQuery脚本和JQuery的form插...
JQuery遮罩层登录界面效果的实现，AJAX实现登录验证，文章尾有完整示例源码下载，欢迎大家学习研究。 操作系统：Windwos7 Ultimate 开发工具：Visual Studio 2010 数据库：Sql Server 2005 测试浏览器：IE8、FF3.6.8、Google Chrome （IE8中弹出登录层后会出现竖拉条，其他两种没有出现，那个竖拉条可以在JS中通过修改数值让其不出现，但是下面会出现白边，越来越觉得IE有点那个了......） 1、预览1）登录前2）点击登录显示登录窗口...
在上篇中，我们详细讲解了如何实现列表管理的新增和删除操作，可以看出，前端页面通过ajax与后台通信，根据后台处理结果响应前端页面交互操作，这是一个很典型的Ajax和JSON应用的例子。 本文将继续上篇文中的示例，完成编辑操作。 编辑项操作 用户通过单击“编辑”按钮，相应的项会立即变为编辑状态，出现一个输入框，用户可以重新输入新的内容，然后点击“保存”按钮完成编辑操作，也可以单击“取消”按钮取消编辑状态。 首先，通...
在实际应用中，我们要管理一个客户分类，实现对客户分类的增加、删除和修改等操作，如何让这些操作变得更人性化，让用户操作起来更加方便成了我们必须研究的课题。准备阶段 您需要具备HTML和Jquery等前端知识，以及基本的PHP程序和MySql数据库相关知识。要实现本文中的DEMO示例，首先需要一个mysql数据库：CREATE TABLE `catalist` ( `cid` int(11) NOT NULL auto_increment, `title` varchar(100) NOT NULL, `sort` mediumint(6) ...
1、前台使用ajax无刷新分页，主要需要生成分页的工具条，这里使用的是jquery.pagination.js 下面贴出代码/*** This jQuery plugin displays pagination links inside the selected elements.** @author Gabriel Birke (birke *at* d-scribe *dot* de)* @version 1.2* @param {int} maxentries Number of entries to paginate* @param {Object} opts Several options (see README for documentation)* @return {Object} jQuery Obje...