码迷,mamicode.com
首页 > Web开发 > 详细

使用jQuery发送异步请求

时间:2015-09-19 15:08:29      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:

具体格式如下

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

    <head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript" src="${pageContext.request.contextPath}/jquery-1.5.1.js">
        </script>
        <script type="text/javascript">
            $(function() {
                $("[name=name]").blur(function() {
                    var name = $("[name=name]");
                    $.ajax({
                        //1.要请求的服务器url
                        url: "myfirstweb/LoginServlet",
                        //2.data对象包含两个请求参数,这两个参数服务器端可以使用request.getParameter()来获取
                        data: {method: "ajax",val: name},
                        //3.表示是否为异步请求(同步请求会等待服务器返回的结果)
                        async: true,
                        //4.是否缓存结果
                        cache:false,
                        //5.请求方式
                        type: "POST",
                        //6.服务器返回的数据类型(json是js中的一个对象)
                        dataType: "json", //或者为"xml"
                        //7.这个函数会在服务器执行成功时被调用,参数result是服务器返回的值
                        success: function(result) {
                            $("label").text(result ? "用户名可以使用" : "用户名已存在!")
                        },
                    });
                });
            });
        </script>
    </head>

    <body>
        用户名:
        <input type="text" name="name" />
        <label></label>
        密码:
        <input type="text" name="password" />
    </body>

</html>

 

使用jQuery发送异步请求

标签:

原文地址:http://www.cnblogs.com/-captain/p/4821475.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!