1前言 最近在ASP.NET中做了一个AJAX调用 : Client端先从ASP.NET Server后台取到一个页面模板，然后在页面初始化时再从Server中取一些相关数据以实现页面模板的动态显示。具体实现为： 1) Client向 ASP.NET后台发送HTTP GET 请示 2) 后台给Client发送一个HTML模板,同时在内存中存储一个XML String (包含页面模板动态显示所需的数据) 3) Client在初始化页面时，发送AJAX请求，拿到XML String 4) 利用拿到的XML String,定制化HTMl模板...
看一个用jQuery提交表单ajax查询的例子。 基本功能：用户输入一个表单，输入准考证和验证码，验证用户是否输入表单，点击查询提交，然后从服务器得到返回的数据并显示出来。 代码如下： jQuery部分： 代码如下: $(document).ready(function() { $("#btnSubmit").click(function() { Login(); }); }); function Login() { if (Check()) { LoginSuccess(); } } function Check() { if ($("#ksbh").val() == "") { alert("准考证号不...
看一个用jQuery提交表单ajax查询的例子。 基本功能：用户输入一个表单，输入准考证和验证码，验证用户是否输入表单，点击查询提交，然后从服务器得到返回的数据并显示出来。 代码如下： jQuery部分： 代码如下: $(document).ready(function() { $("#btnSubmit").click(function() { Login(); }); }); function Login() { if (Check()) { LoginSuccess(); } } function Check() { if ($("#ksbh").val() == "") { alert("准考证号不...
test.html 代码如下: click function ajax_init() { var ajax=false; try { ajax = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { ajax = new ActiveXObject("Microsoft.XMLHTTP"); } catch (E) { ajax = false; } } if (!ajax && typeof XMLHttpRequest!=undefined) { ajax = new XMLHttpRequest(); } return ajax; } function post_data() { var url = "/server/xml.php"; var show_check = document.getElementB...
最近尝试做出一个部门和人员的下拉框联动功能，部门和人员的对应关系是1:N代码如下:部门 请选择 "> 人员 "> 部门下拉框的onchange()事件走一个AJAX方法，返回一个JSON对象(JSON里放的是个LIST)。 js方法在此页面的写法:代码如下:function change(){ var departmentCode =$("#department").val(); var params = { 'departmentCode':departmentCode }; $.ajax({ type: 'get...
客户端代码代码如下: function aa() { $.ajax({ url: "http://localhost:12079/WebForm2.aspx", data: "p1=1&p2=2&callback=?", type: "post", processData: false, timeout: 15000, dataType: "jsonp", // not "json" we'll parse jsonp: "jsonpcallback", success: function(result) { alert(result.value1); ...
一、JSON的一些基础知识。 JSON中对象通过"{}"来标识，一个"{}"代表一个对象，如{"AreaId":"123"}，对象的值是键值对的形式（key：value）。"[]"，标识数组，数组内部各个数据之间通过"，"分割，如["AreaId":"123"，"AreaId":"345"]。 很多情况下是对象数组，那就是这样：代码如下:[{"AreaId":"123"},{"AreaId":"345"}]其实数组也是一个对象，上面的格式也可以写成这样：代码如下:{"Area"：[{"AreaId":"123"},{"AreaId":"345"}]} 这...
先看效果图： 实现原理很简单，使用了jquery.pagination这个插件，每当点击页码时异步去服务器去取该页的数据，简单介绍如下： 一、数据库表结构：很简单 就四个字段 分别是News_id News_title News_time News_readtimes 二、前台页面代码： 代码如下: JQuery无刷新分页 var pageIndex = 0; var pageSize = 3; $(function() { InitTable(0); $("#Pag...
$.post、$.get是一些简单的方法，如果要处理复杂的逻辑，还是需要用到jQuery.ajax() 一、$.ajax的一般格式$.ajax({type: 'POST',url: url ,data: data ,success: success ,dataType: dataType});二、$.ajax的参数描述 参数 描述url必需。规定把请求发送到哪个 URL。data可选。映射或字符串值。规定连同请求发送到服务器的数据。success(data, textStatus, jqXHR)可选。请求成功时执行的回调函数。dataType可选。规定预期的服务器响...
最近写了一个JS插件，用圈内的话说叫造了个轮子，造的好与不好都不是自己说了算，关键还是大家用的好与不好。当然我自己也在使用，由于个人偏爱与喜好，所以未能借签其他Ajax框架的写法，目前的版本都是以版本一进行往上整合的成果，所以你想要全面了解内部的结构，可以先从版本一开始看起。现在我们说说整体的设计结构，版本一是好友收集整理的方法，基础的写法已经成型，调用nativeAjax方放即可，方法内部有三个参数，第一个为aj...
jQuery选择插件分为基本版和美化版，重点说下美化版，如下图所示：相比最原始的版本，美化后的选择插件可以说是很漂亮了且功能更加强大（这里不说了，自行发掘吧）。这里主要是添加了它的特有属性并调用 class=”chzn-select”： jsp页面： <select class=”chzn-select” id="CODE" name="CODE">...... </select> js页面：$(".chzn-select").chosen();注意引用jQuery的js，有多种版本，建议使用高版本，如 jquery-1.9.1.min.js。...
jquery框架中提供了$.ajax、$.get、$.post方法，用于进行异步交互，由于Django中默认使用CSRF约束，推荐使用$.get 示例：实现省市区的选择 最终实现效果如图：将jquery文件拷贝到static/js/目录下打开booktest/views.py文件，定义视图area1，用于显示下拉列表 #提供显示下拉列表的控件，供用户操作 def area1(request):return render(request,booktest/area1.html)打开booktest/urls.py文件，配置url url(^area1/$,views.area1),在...
因为最近做了几个后台，所以经常会涉及到Token验证身份操作后台，所以这里记录一个如何向后台传请求头和Token。 success:function(dat){console.log(dat);if(dat.code==1){sessionStorage.setItem(token,dat.data.access_token);//这里设置缓存存储TokensessionStorage.setItem(user,userName);location.href = "index.html";}else{$(".tip2").html("用户名或密码错误");}} function edit(obj,obj1,url){//要关闭的弹框类名 form表...
在使用MVC时，向服务器端发送POST请求时有时需要传递数组作为参数值 下面使用例子说明，首先看一下Action [HttpPost] public ActionResult Test(List<string> model) {return Json(null, JsonRequestBehavior.AllowGet); }方式一，构造表单元素，然后调用serialize()方法得到构造参数字符串 @{Layout = null; } <!DOCTYPE html> <html> <head><meta name="viewport" content="width=device-width" /><title>Test</title> </head> <...
代码片段一：<!--分页组件 JS CSS 开始--><!--分页组件 CSS--><link type="text/css" href="/resource/css/kkpager_blue.css" rel="external nofollow" rel="stylesheet" /><!--分页组件 JS--><script type="text/javascript" src="/resource/js/kkpager.min.js"></script><script type="text/javascript" src="/resource/js/kkpager.js"></script> <!--分页组件 JS CSS 结束-->代码片段二： <script type="text/javascript">$(fun...