介绍
尽管jQuery在浏览器ajax调用的时候对缓存提供了很好的支持,还是有必要了解一下如何高效地使用http协议。
首先要做的事情是在服务器端支持HTTP GET,定义不同的URL输出不同的数据(MVC里对应的就是action)。如果要使用同一个地址获取不同的数据,那就不对了,一个HTTP POST也不行因为POST不能被缓存。许多开发人员使用POST主要有2个原因:明确了数据不能被缓存,或者是避免JSON攻击(JSON返回数组的时候可以被入侵)。
缓存解...
1.创建MVC4新项目,使用"Internet应用程序"模板。2.添加CustomAjax控制器,具体代码如下。publicclass CustomAjaxController : Controller{public ActionResult Index(){return View();}public ActionResult PrivacyPolicy(){return PartialView();}}3.添加PrivacyPolicy分部视图@section Scripts{<script type="text/javascript" src="@Url.Content("~/scripts/AjaxDemo.js")"></script>
}@Html.ActionLink("Show the privacy pol...
jquery在浏览器ajax调用的时候,对缓存提供了很好的支持,POST方式不能被缓存,使用POST的原因,明确了数据不能被缓存,或者避免JSON攻击(JSON返回数据的时候可以被入侵)jquery全局对象里的ajax提供了一些方式来支持缓存和ConditionalGETs功能 $.ajax({ifModified:true,cache:true,});ifModified选项定义的是在ajax调用的时候是否支持Conditional GETs功能,jquery会自动处理服务端返回的名为Last-Modified的header值,它首先会...
http://blog.csdn.net/make1828/article/details/29846003using System.ComponentModel.DataAnnotations;namespace MvcApplication1.Models
{public class Movie{public int Id { get; set; }[Required(ErrorMessage = "必填")]public string Title { get; set; }}
} HomeController中,一个Action用来显示强类型视图,一个用来接收从视图传递过来的Model。using System.Web.Mvc;
using MvcApplication1.Models;namespace MvcAppl...
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>body {height: 4000px;width: 4000px;}</style><script src="jquery-1.12.4.js"></script><script>//当页面加载的时候$(window).load(function () {//获取页面的宽度var pageWidth = $(window).width();//获取页面的高度var pageHeight = $(window).height();//获取图片的宽度var picWidth = $("img").width();//获取图片的高度var picH...
使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作1、jquery获取url很简单,代码如下
<DIV style=‘border-width: 0px !important; margin: 1em 0px !important; padding: 1px !important; left: auto !important; top: auto !important; width: 740px; height: auto !important; text-align: left !important; right: auto !important; bottom: auto !important; line-height: 1.1em !important; font-family: ...
最近搞前端,某页面功能中需要动态添加和删除表格行。 比较常用的场景是通过一个添加按钮添加表格行,每一行都有一个删除按钮进行删除。 谷歌了一下找到一个示例代码挺适合新手学习使用的。 效果如下: HTML代码如下: 1<label>Please indicate the number of attendees in your group including yourself.2<select id="participants" class="input-mini required-entry"> 3<option value="1">1</op...
$(function() { var val; $("#add").live("click",function() { //使用.live("事件名称",方法) 调用隐藏的事件 val=$(this).prev().val(); });});原文:http://www.cnblogs.com/tan520/p/4713795.html
select,radio 表单回显避免使用jquery载入赋值 注意事项: 复制代码代码如下:
<html>
<body>
<form method="post" action="">
<!-- 如果表单中使用重置功能时,不推荐使用如下代码 -->
<input type="radio" name="visible" value="1" />显示<br>
<input type="radio" name="visible" value="0" />隐藏<br>
<select name="orderBy" id="orderBy">
<option value="0">0</option>
<option value="1">1</option>
</select><b...
很多时候,我们系统的进度信息有个进度条看起来效果更好,我们可以使用动态改变div占比的方案来做:效果图一: 效果图二:style样式: <style type="text/css">#parent{border:1px #EEE solid;width: 500px;height: 30px;margin: 0 auto;}#child{width: 50%;height: 30px;background-color: lime;}p{text-align: center;color: fuchsia;}</style> HTML代码: <p id="info"></p><div id="parent"><div id="child"></div></div...
转自:http://www.cnblogs.com/linjiqin/p/3148228.html本案例实现类似开关按钮效果。页面有下拉列表、文本框、按钮等表单元素,大致实现如下效果:1、页面一加载时,文本框隐藏,下拉列表显示,按钮值变为“显示文本框”。2、点击“显示文本框”按钮时,文本框显示,下拉列表隐藏,按钮值变为“显示下拉列表”。3、点击“显示下拉列表”按钮时,文本框隐藏,下拉列表显示,按钮值变为“显示文本框”。<!DOCTYPE HTML PUBLIC "-//W...
原文:使用Jquery的Ajax实现无刷新更新,修改,删除页面 本文将向大家讲述一下最近工作的一些总结,主要包括了以下内容,注册界面以及详细信息界面的编辑。主要是介绍了AJAX技术,因为我觉得其他方面没什么好介绍的。首先是跟大家说一下Ajax的优点,假如你删除了一个页面的内容,你想当于点击了一个按钮,那么这个页面必然发生了回发事件,也就是说,你的页面必然被刷新了一次。以下是我从网上找来的一张Ajax的原理图,本人PS技术...
‘use strict‘;app.controller(‘DataTableCtrl‘, function ($scope, $compile) {$scope.selected = [];$scope.isSelected = function (obj,index, id) {var checkbox = obj.target;checkbox.checked ? $scope.selected.push(id) : $scope.selected.splice(index,1);console.log($scope.selected);}$scope.simpleTableOptions = {sAjaxSource: ‘/Home/Index‘,"sServerMethod": "POST","bProcessing": true,"bServerSide": true...
1、 DOM:Document Object Model(文档对象模型): DOM操作: ●DOM是Document Object Model的缩写,即文档对象模型,是基于文档编程的一套API接口, ●1988年,W3C发布了第一级的DOM规范,这个规范允许和操作HTML页面中的每个单独的元素,如网页的表格、图片、文本、表单元素等2、DOM操作分类:●使用JavaScript操作DOM时分为三个方面:DOM Core(核心)、HTML-DOM和CSS-DOM。 ◆DOM...
转自:http://www.muzilei.com/archives/136如何实现拖动效果?浏览DEMO首先分析下拖动效果原理:1.当鼠标在被拖动对象上按下鼠标(触发onmousedown事件,且鼠标在对象上方)2.开始移动鼠标(触发onmousemove事件)3.移动时更显对象的top和left值4.鼠标放开停止拖动(触发onmouseup事件)注意:拖动的对象必须是定位对象(即设置了position:absolute或 relative)。也就是说拖动事件=onmousedown事件+onmousemove事件整个过程就是处理这...