废话不多说了，直接给大家贴代码了，具体代码如下所示： <script type="text/javascript">$(function () { $("#txtEmail").blur(function () {$.ajax({type: "post",url: "reg.ashx?email=" + $.trim($("#txtEmail").val()) + "&d=" + (+new Date()),success: function (data) {var vCount = parseInt(data);if (vCount == 0) {alert("邮箱可以使用");}else {alert("邮箱已经被占用");}}});});$("#checkpwd").blur(function () {re...
今天做了文件的上传下载，小小总结一下，基本的web项目建立及SpringMVC框架搭建此处不详细写出来了。 上传form： <form id="uploadfiles" enctype="multipart/form-data"><input type="file" multiple="multiple" id="file_upload" name="file_upload" /> <input type="button" value="上传" onclick="upload()" /> </form>上传Ajax： <script type="text/javascript"> /** 上传文件*/ function upload(){var formData = new FormD...
需求： 实现点击按钮后，数据以表单形式提交至服务器，并接收来自服务器的返回数据。过程中页面不刷新。 html代码 <html xmlns="http://www.w3.org/1999/xhtml"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script><script src="./testajaxjs.js"></script><head></head><body><form id="form1"><p>xingming:<input type="text" na...
前端HTML <!DOCTYPE html> {% load static %} {% get_static_prefix as getstatic %} <html lang="zh-CN"> <head><meta charset="UTF-8"><meta http-equiv="x-ua-compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="icon" href="https://www.jd.com/favicon.ico"><link href="{{ getstatic }}plugins/bootstrap-3.3.7/css/bootstrap.min.css" rel="stylesheet"><titl...
一 province.jsp <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><html><head><script type="text/javascript" language="javaScript">var xmlHttp = false; //全局变量，用于记录XMLHttpRequest对象function createXMLHttpRequest() {if(window.ActiveXObject) { //Internet Explorer时，创建XMLHttpRequest对象的方法try {xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");} catch(e) {try { xmlHt...
手头上有几个小项目用到了easyUI，一开始决定使用easyUI就注定了项目整体上前后端分离，基本上所有的请求都采用Ajax来完成。在文件上传的时候用到了Ajax上传文件，以及图片在上传之前的预览效果，解决了这两个小问题，和小伙伴们分享下。 上传之前的预览 方式一 先来说说图片上传之前的预览问题。这里主要采用了HTML5中的FileReader对象来实现，关于FileReader对象，如果小伙伴们不了解，可以查看这篇文章HTML5学习之FileReader接口...
先给大家展示下效果图，然后再给大家撸代码，效果图如下所示：下面写一个简单的例子，检测用户名是否唯一（直接撸代码）： 前端界面： <%@ page language="java" contentType="text/html; charset=GB18030"pageEncoding="GB18030"%> <!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=GB18030...
问题：使用window.location.href来跳转页面的时候，后端只需实现一个过滤器就可以在session超时的情况下重定向到登陆页面。但是使用ajax呢？使用ajax来执行会发生302错误，并且页面不可能跳转。下面就针对这个问题来贴上我的前后端代码。 1、session过滤器 import java.io.IOException; <p style="text-align: center"><img alt=""import javax.servlet.Filter; import javax.servlet.FilterChain; import javax.servlet.FilterCon...
Razor功能非常强大，但是本身并不能做到无刷新，所以需要配合ajax使用 本文就做一个简单例子，实现Razor配合ajax做到局部刷新。 首先，我们创建一个MVC项目让我们创建一个简单的Controller Book然后对其添加一个视图，并且添加上一些简单的Html代码 @{ViewBag.Title = "Index";Layout = null; } <!DOCTYPE html> <html> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta charset="utf-8" /><met...
我将实现一个简单的Ajax页面无刷新进行用户验证案例： 效果如下图：实现主要过程： 在UsersAction类中的checkUser方法中接收并验证前台的表单数据，针对不同情况，返回一个状态码code给jsp页面，然后在ajax1.jsp中通过$.post方法接受后台传递过来的状态码 做出不同的响应。 具体代码如下： 1.实体类 package com.bean; import java.io.Serializable; public class Users implements Serializable {private String uname;private St...
今天我们要用ajax做一个分页： 实现Ajax分页： 如果可以的话加上查询条件 找一张表做分页分页不使用page类页面不用刷新Ajax加载数据<!doctype html> <html lang="en"> <head><meta charset="UTF-8" /><title>Document</title><script src="jquery-1.11.2.min.js"></script> <style type="text/css"> .dangqian{ background-color:#69F} </style> </head> <body> <div><input type="text" id="key" /><input type="button" value="查...
首先 是将后台中 模块--->新闻心情--->心情配置 去掉多余的剩一个，名称改成 “赞” 提交保存。 其次 是修改新闻心情的模板文件：/phpcms/templates/default/mood/index.html 删除所有代码只返回点赞总数量 {loop $setting $k $v} {$data[$v[fields]]} {/loop} 模板页面的实现如下 通过循环数组 <div class="info"> <a href="http://phpcms.com/content-150-1-1.html" target="_blank" title="展会现场人头攒动"><h4 class="ti...
前面的话虽然ajax全称是asynchronous javascript and XML。但目前使用ajax技术时，传递JSON已经成为事实上的标准。因为相较于XML而言，JSON简单且方便。本文将上一篇中的实例进行改写，以JSON的方式来进行数据传递 前端页面 <!-- 前端页面 --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body{font-size: 20px;margin: 0;line-height: 1.5;} select,button,input{font-size...
为什么写这个呢。因为在现在的网页中。单纯的同步传递数据已经变得非常少了。大多数都是通过Ajax异步来传递数据的。因此在这里用SpringMVC+Ajax做一个简单的小例子，同时辅助以拼接字符串显示。希望能为大家带来帮助。本次案例的配置仍然是在上一篇SpringMVC的简单增删改查（SSM整合）的基础上再辅助配置Jackson的jar包。 服务器端@RequestMapping("/ajaxlist")@ResponseBody//(springmvc的Jackson注解，返回json字符串)public Lis...
Asynchronous JavaScript and XML (Ajax) 是驱动新一代 Web 站点（流行术语为 Web 2.0 站点）的关键技术。Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用XMLHttpRequest 函数获取数据，它是一种 API，允许客户端 JavaScript 通过 HTTP 连接到远程服务器。Ajax 也是许多 mashup 的驱动力，它可将来自多个地方的内容集成为单一 Web 应用程序。 不过，由于受到浏览器的限制，该方法不允许跨域通信。如果...