indexJquery.html<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="scripts/jquery-1.9.1.js"></script>
<script type="text/javascript">$(function(){
$("a").click(function(){
var url = this.href;
var args = {"time":new Date()};
//任何一个html节点都可以用load方法来加载Ajax,结果将直接插入html节点中
$("#details").load(url,args);
ret...
很多网站上都有返回顶部的效果,本文阐述如何使用jquery实现返回顶部按钮。
首先需要在顶部添加如下html元素:<p id="back-to-top"><a href="#top"><span></span>返回顶部</a></p>其中a标签指向锚点top,可以在顶部防止一个<a name="top"></a>的锚点,这样在浏览器不支持js时也可以实现返回顶部的效果了。
要想让返回顶部的图片显示在右侧,还需要一些css样式,如下:/*returnTop*/
p#back-to-top{position:fixed;display:none;bot...
以前写过java版的crawler,最近看了Groovy的XmlSlurper,效果还是不太满意,直到这篇文章启发了我:how-to-make-a-simple-web-crawler-in-javascript-and-node-js。于是就想到使用jQuery风格的js来解析html并获取数据,把这样的js碎片逻辑作为配置从而支持更灵活的自定义。crawler的原始构思及说明:crawlConfig,配置crawler:crawl=code.js,新配置的js脚本需要人工审核之后才能用于crawlData执行获取所有a标签的href属性的配置,...
FileUpload在HTML中是个常用的基础控件,在涉及到上传各种格式的文件时候都会用到;笔者前段时间正好用到它做上传功能,记录下来做一些累积,前端到后台用的是的Jquery中的Ajax进行数据传输,在后台的逻辑处理中以HttpPostedFileBase的对象调用SaveAs(ServerSavePath)方法去存储到指定路径。Microsoft在技术文档中是这样描述HttpPostedFileBase的Serves as the base class for classes that provide access to individual files th...
需要点击图片将套组发布, 页面代码: Html代码 <img width="20px" src=" <s:property value="IMAGES_PATH" /><s:if test=‘%{releaseStatus == "YES"}‘>pubed.png</s:if> <s:else>nopub.png</s:else>" onclick="<s:if test=‘%{releaseStatus == "YES"}‘>changeToClose(<s:property value="suiteId" />, $(this));</s:if> <s:else>changeToOpen(<s:property value="suiteId" />, $(this));</s:else>" /> 在套组发布之...
<span style="font-size:24px;color:#ff0000;">部长练习全选-取消-反选-显示选择内容等功能代码:</span><!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>部长练习全选-取消-反选-显示选择内容等功能</title>
<script src="js/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(e) {//实现全选功能$(':input[value=全选]').click(function(){//alert($(this).val()); $('form :checkbox').p...
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><script src="js/jquery-1.7.2.js"></script></head><body><form action=""><select name="college" id="...
为知笔记很好用,深得我心。原来还有一点想法,创建一些自己的模板,用的更加深入一些。后来发现,必要性不大,笔记自带的功能足够满足大多数的需求,如果画蛇添足,反而不利于跨电脑,跨平台使用。不过近期又有一点动力,想改进一下。我近期喜欢把一些关键词收集起来,因为我认为互联网时代,知道关键词基本上就等同于知道相关的知识了。所以,也没必要再去链接什么,如果需要,搜索的难度其实很小。但在执行中,感觉还是有点美中...
正文://检测平台 var p = navigator.platform;system.win = p.indexOf("Win") == 0;system.mac = p.indexOf("Mac") == 0;system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);system.ipad = (navigator.userAgent.match(/iPad/i) != null) ? true : false;if (system.win || system.mac || system.xll || system.ipad) {alert("PC");} else { var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i)...
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="./lib/css/bootstrap-main.css"> <script src="./lib/js/jquery.min.js"></script> <title>使用一般渲染</title></head><body> <div class="col-sm-11" id="middle"> </div> <script> $.ajax({ type: ‘get‘, url...
原文地址:http://www.blogjava.net/sxyx2008/archive/2010/07/10/325719.htmlxml文件结构:books.xml<?xml version="1.0" encoding="UTF-8"?><root><book id="1"><name>深入浅出extjs</name><author>张三</author><price>88</price></book><book id="2"><name>锋利的jQuery</name><author>李四</author><price>99</price></book><book id="3"><name>深入浅出flex</name><author>王五</author><price>108</price></book><book id="4...
本篇体验使用$.ajax()加载部分视图。与加载部分视图相关的包括:RenderPartial和RenderAction区别 使用jquery加载部分视图01-使用$.get()
□ HomeControllerpublicclass HomeController : Controller {public ActionResult Index() {return View(); } public ActionResult GetTeams() { List<Team> teams = new List<Team> {new Team(){ID = 1,Name = "广州恒大",Rank = 1...
方式一: 1<script type="text/javascript"> 2function test() {3 $.ajax({4 url:"test1",//要发送的地址 5 data:{6"str":"你好",7"str2":"世界" 8 },//发送的数据 9 type: "POST",//发送的类型10 dataType:"html",//预期响应的数据类型11 success: function (data) {
12//服务器返回的内容13 alert(data)
14 }
15 })...
介绍
尽管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...