jquery ajax用法实例

谁借莪１个温暖的怀抱￠ 2022-05-22 05:44 257阅读 0赞

1、用ajax动态判断用户名是否存在。

js中

$("\#username").change(function()\{  
var username = $("\#username").val();  
if(username != '')\{  
$.ajax(\{  
       url:GLOBAL\_CTX+'/users/judgeUsernameIsExist.do?username='+username,  
       type:'post',  
       dataType:'json',   
       async: false,  
       success:function(data)\{  
         if(data==true)\{  
         alert("抱歉，该用户已存在");  
         $("\#username").val("");  
         $("\#username").focus();  
         \}   
   \}  
\});  
\}  
\});

后台方法：

/\*\*  
\* 判断用户名是否存在.  
\* @param username  
\* @return  
\* @throws Exception  
\*/  
@RequestMapping(value = "/judgeUsernameIsExist.do", method=RequestMethod.POST)  
@ResponseBody  
public Boolean judgeUsernameIsExist(@RequestParam("username") String username) throws Exception \{  
return usersService.judgeUsernameIsExist(username);  
\}

2、用ajax获取json集合

js中：

var spellNameData = \[\];  
$.ajax(\{  
        url:GLOBAL\_CTX + '/users/usersListForName.do',   
        type:'post',  
        dataType:'json',   
        async: false,  
        success:function(data)\{  
        $.each(data,function()\{  
        spellNameData.push(\{id:this.id,text:(this.name+"\_" +this.spellName)\});  
        \});  
   \}  
\});

后台代码：

/\*\*  
\* 通过json查询用户信息  
\*   
\* @param  
\* @return  
\*/  
@RequestMapping(value = "/usersListForName.do")  
@ResponseBody  
public List<Users> usersListForName() throws Exception \{  
return usersService.findUsersListByUsers(null);  
\}

发表评论取消回复

表情：

评论列表（有 0 条评论，257人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquery ajax,ashx,json的用法总结

jquery提供的简化版的ajax调用方法通常如下：复制代码代码如下: function post() \{ $("\divWait")

分手后的思念是犯贱/ 2022年08月22日 03:52/ 0 赞/ 166 阅读

相关 ajax实例（jquery）

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"

ゞ浴缸里的玫瑰/ 2022年07月21日 11:29/ 0 赞/ 229 阅读

相关 asp+jquery+ajax+json实例

asp： <td colspan="2" height="50">层次: <select name="studykindid" id="stu

电玩女神/ 2022年06月11日 00:58/ 0 赞/ 256 阅读

相关 jQuery使用AJAX实例

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8">

一时失言乱红尘/ 2022年06月02日 03:15/ 0 赞/ 247 阅读

相关 js原生ajax与jquery的ajax用法对比

js原生ajax与jquery的ajax用法对比一、Ajax概述 AJAX（AsynchronousJavascript And XML）翻译成中文就是“

ゝ一纸荒年。/ 2022年05月28日 12:58/ 0 赞/ 274 阅读

相关 jquery ajax用法实例

1、用ajax动态判断用户名是否存在。 js中 $("\username").change(function()\{ var username = $("\userna

谁借莪１个温暖的怀抱￠/ 2022年05月22日 05:44/ 0 赞/ 258 阅读

相关 jQuery ajax 简单的实例

通过jQuery ajax实现从服务器查询数据，返回给前端并显示到html页面 html文件 <!DOCTYPE html> <html lang="zh-

红太狼/ 2022年05月09日 10:33/ 0 赞/ 217 阅读

相关 jsp+ajax+jquery简单实例

前端 <input type="text" name="username" id="username" onblur="checkUsername()" > aja

￡神魔★判官ぃ/ 2022年02月27日 01:08/ 0 赞/ 273 阅读

相关 jQuery Ajax 实例

一、$.ajax的一般格式 $.ajax(\{ type: 'POST', url: url , data: data , suc

Myth丶恋晨/ 2021年09月12日 07:46/ 0 赞/ 430 阅读

相关使用jQuery中ajax实例

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type

比眉伴天荒/ 2021年07月25日 01:33/ 0 赞/ 449 阅读