JSP部分代码： <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head><%@include file="/common/header.jsp"%><title>用户管理</title><script type="text/javascript">function doVerify(){//获取界面的账号var account = $("#account").val();//获取账号后的提示信息文本var accountText = document.getElementById("accountText");//如果账号输入不为空，执行该方法if(account !=""){$.ajax({url:"...
通常情况下上传图片是要通过提交form表单来实现的，但是这又不可避免的产生了网页转。利用ajax技术和FormData()对象可以有效的解决这个问题 废话不多说 直接上关键代码： html部分 <div class="form-group"><label>File input</label><input type="file" name="file" id="file"><p id="result"></p><img id="img" src=""> </div> <button id="upload" class="btn btn-default">提交</button>这里注意input标签的 type="file" js部分...
心血来潮想为自己的小项目做一个提醒系统，譬如私信，评论等消息都能及时传递过来。由于道行尚浅，网上那些长轮询对于我略微复杂，于是觉得还是自己写一写试试比较好。 我的思路是，单独在数据库中建一个提醒表，表主要由接收者的id和消息类型两个字段组成 /* 前台提醒表 */ CREATE TABLE IF NOT EXISTS notification(id INT NOT NULL AUTO_INCREMENT PRIMARY KEY, -- 主键自增mid INT NOT NULL DEFAULT 0, ...
原生ajax处理json格式数据代码实例: 由于jQuery的出现，原生ajax使用频率也越来越少，这当然是因为jQuery的便利性多导致的。 但是对于原生ajax实现原理的知晓也是非常重要的，下面就改造本板块的一个使用jquery ajax实现的代码。代码实例如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>脚本之家</title> <script> funct...
Ajax与服务器（JSON）通信 Ajax这个词，不代表任何东西，它仅仅是称呼一系列促进客户端与服务器通信的技术时所用的一个术语。服务器通信时Ajax技术的核心内容，其目标就是从客户端向服务器发送信息，并接受后者的回传，以求在此过程中创建出更好地打用户体验来。Ajax之前所有的服务器通信都是在服务器上完成的，所以那是若想重绘页面的一部分，要么使用iframe（已淘汰），要么刷新整个页面。这两种方式都称不上是良好的用户体验。 ...
一个对AJAX的封装 //url就是请求的地址 //successFunc就是一个请求返回成功之后的一个function，有一个参数，参数就是服务器返回的报文体 function ajax(url,successFunc) {var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject(Microsoft.XMLHTTP);xhr.open("POST",url,true);xhr.onreadystatechange = function(){if(xhr.readyState == 4){if(xhr.status == 200){successFunc(xhr.responseText);}else{a...
myajax是一个用js编写的一个跨浏览器的ajax库，支持get, post, jsonp请求，精巧，简单。 一、发送GET请求： myajax.get({ <span style="white-space:pre"> </span>data: {}, //参数url: "", //请求地址//发生错误是调用error: function(data) {},//请求成功调用success: function(data){ <span style="white-space:pre"> </span>//eval(data); 将字符串转换成json} });二、发送POST请求： myajax.post({data: {}, //参数url: "",...
首先，我们需要xhr对象。这对我们来说不难，封装成一个函数。 var createAjax = function() { var xhr = null; try { //IE系列浏览器 xhr = new ActiveXObject("microsoft.xmlhttp");} catch (e1) { try { //非IE浏览器 xhr = new XMLHttpRequest();} catch (e2) { window.alert("您的浏览器不支持ajax，请更换！");}} return xhr; }; 然后，我们来写核心函数。 var ajax = function(conf) { // 初始化 //type参数,可选 var type ...
javascript/js的ajax的GET请求代码如下所示：<script type="text/javascript"> /* 创建 XMLHttpRequest 对象 */ var xmlHttp; function GetXmlHttpObject(){ if (window.XMLHttpRequest){ // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); }else{// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } return xmlhttp; } // -----------ajax方法-----------// function ...
有一种情况：全站都要用异步方式来调用 数据，提交数据，那么你每次操作 都会要$.ajax({.....}) 写重复的方法 和代码，冗余太大， 也浪费时间，虽说你有代码自动提示补全，但真的不优雅，身为前端极客，是不能允许的！ 【嘿嘿！虽说我现在基本不用jquery了 ，不过异步概念 是永远要用的，就帮助下新人】 jQuery Ajax通用js封装 第一步：引入jQuery库 <script type="text/javascript" src="/js/jquery.min.js"></script>第二步：开发...
AJAX = Asynchronous JavaScript and XML.AJAX 是一种创建快速动态网页的技术。AJAX 通过在后台与服务器交换少量数据的方式，允许网页进行异步更新。这意味着有可能在不重载整个页面的情况下，对网页的一部分进行更新。 实现ajax之前必须要创建一个 XMLHttpRequest 对象。如果不支持创建该对象的浏览器，则需要创建 ActiveXObject.具体方法如下：var xmlHttp; function createxmlHttpRequest() { if (window.ActiveXObject) { x...
$.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可选。规定预期的服务器响应...
推荐阅读：jQuery插件开发精品教程让你的jQuery提升一个台阶 既然说到基于jQuery的ajax分页插件，那我们就先看看主要的代码结构：（我觉得对咱们程序员来说再优美的文字描述、介绍也 比不上代码来得实在。）1、首先定义一个pager对象：var sjPager = window.sjPager = { opts: { //默认属性 pageSize: , preText: "pre", nextText: "next", firstText: "First", lastText: "Last", shiftingLeft: , shiftingRight: , preLeast: , n...
一、JSON的一些基础知识。 JSON中对象通过"{}"来标识，一个"{}"代表一个对象，如{"AreaId":"123"}，对象的值是键值对的形式（key：value）。 "[]"，标识数组，数组内部各个数据之间通过"，"分割，如["AreaId":"123"，"AreaId":"345"]。 很多情况下是对象数组，那就是这样：代码如下:[{"AreaId":"123"},{"AreaId":"345"}] 其实数组也是一个对象，上面的格式也可以写成这样：代码如下:{"Area"：[{"AreaId":"123"},{"AreaId":"345"}...
最近尝试做出一个部门和人员的下拉框联动功能，部门和人员的对应关系是1:N代码如下:<div class="forntName">部门</div> <div class="inpBox"> <select name="department" id="department" onchange="change();" style="width:200px;" > <option value=-1>请选择</option> <s:iterator value="departmentList"> <option value=<s:property value="departmentCode"/>><s:property value="departmentName"/></option> </s:iterator...