一个简单的ajax请求例子

最新推荐文章于 2024-04-22 12:12:03 发布
最新推荐文章于 2024-04-22 12:12:03 发布
阅读量875 收藏
点赞数
分类专栏： j2ee 文章标签： ajax xmlhttprequest function html action string
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lshln/article/details/4819591
版权

 <!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=UTF-8">
<script type="text/javascript">
    var http_request=false;
    function testID (username){        
        if(window.XMLHttpRequest){//mozilla
            http_request=new XMLHttpRequest();
        }else{
            http_request=new ActiveXObject("Microsoft.XMLHTTP");
        }
        http_request.onreadystatechange = processRequest;
        http_request.open("POST","../testID",true);//默认为真时不继续执行下面的代码
        http_request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
        http_request.send("username="+username);
    }
    // 处理返回信息的函数
    function processRequest() {
         if (http_request.readyState == 4) {//   判断对象状态
               if (http_request.status == 200) {//  信息已经成功返回，开始处理信息
                    alert(http_request.responseText);
               } else {//页面不正常
                    alert("您所请求的页面有异常。");
               }
         }
    }
    function checkUnique(){
        var f=document.form1;
        var username=f.username.value;
        if(username==""){
            alert("用户名不能为空");
            f.username.focus;
            return false;
        }
        else{
            testID(username);
        }
    }
</script>
<title>Insert title here</title>
</head>
<body>
    <form action="" method="post" name="form1">
        <table>
            <tr>
                <td>用户名</td>
                <td><input type="text" name="username" ></td>    
            </tr>
            <tr>
                <td>密码</td>
                <td><input type="password" name="password" οnclick="checkUnique()"></td>
            </tr>
        </table>
    </form>
</body>
</html>

、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、

server中的post方法

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        String userName=request.getParameter("username");
        response.setContentType("text/plain");
        System.out.println(userName);
        Writer out=response.getWriter();
        if(userName.equals("lsh")){
            System.out.println("fff"+userName);
            out.write("lsh已经被注册，请注册另外一个");
        }
    }

lshln
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ajax发送请求实例使用
qq_40132294的博客
02-28 1762
目录 局部刷新和无刷新 同源策略 1.熟悉jquery选择器， 去页面上获取发送ajax请求时的参数数据2.发送ajax请求3.将返回数据加载到页面：通过jquery操作页面元素和属性 示例：登录界面发送ajax请求 ajax技术的目的是让javascript发送http请求与后台通信，获取数据和信息。ajax技术的原理是实例化xmlhttp对象，然后使用此对象与后台通信。ajax通信的过程不会影响后续javascript的执行，从而实现异步。 局部刷新和无刷新 ajax可以实现局部.
常用的前端4种请求方式
羞羞滴小朋友
06-11 2135
结论：当前端发起GET请求时，若传递的是一个对象，则后端接收数据时，不需要用@RequestBody来转换JSON串，若传递的是一个具体的值或参数则后端必须用@PathVariable来接收。如果把后端接收参数方式改为@RequestBody，前端不作改动，则请求会报400错误（请求失败），后端报缺失需要的请求体，也就是需要Emp参数，但是前端并没有传送过来。结论：在获取数据，即查询数据库的时候，使用get请求方式，使用params的方式传递参数，或者使用url占位符的方式传递参数。
在 JS 中如何使用 Ajax 来进行请求
最新发布
peixiancccc的博客
04-22 2158
javascript是前端必要掌握的真正算得上是编程语言的语言，学会灵活运用javascript，将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识，而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的，直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。
非常简单的Ajax请求实例附
10-23
为大家推荐了一个非常简单的Ajax请求实例，可以在不重载页面的情况与 Web 服务器交换数据，感兴趣的小伙伴们可以参考一下
Ajax 请求的基本步骤
m0_51528800的博客
05-20 3357
Ajax 请求的基本步骤 Ajax 请求的基本步骤一、Ajax的定义二、Ajax的工作原理三、Ajax请求的基本步骤1、创建XMLHttpRequest对象2、创建HTTP请求3、设置响应HTTP 请求状态变化的函数4、设置获取服务器返回数据的语句5、发送HTTP请求 一、Ajax的定义 Ajax：即异步 JavaScript 和XML。Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行
学习Ajax的一个小例子
03-22
NULL 博文链接：https://wankunde.iteye.com/blog/929965
一个完整的ajax应用例子
09-25
一个完整的用js写的ajax例子，模仿注册页面输入用户名，输入框失去焦点后，后台异步判断该用户名是否可用，并在页面显示判断结果
ajax请求例子
08-30
ajax请求例子
一个非常简单的ajax例子
07-31
第一个可能是用来设置和发送Ajax请求的，而第二个可能用于处理服务器返回的数据。通常，发送Ajax请求的过程包括以下几步： 1. **初始化XMLHttpRequest对象**：`var xhr = new XMLHttpRequest();` 2. **配置请求**...
很简单的一个AJAX例子
02-15
这个"很简单的一个AJAX例子"的标题和描述表明，我们将会探讨一个基础的AJAX应用实例，它可能包含了一个简单的JavaScript代码示例，用于向服务器发送请求并接收响应，以实现页面的异步更新。 在Web开发中，AJAX的...
Ajax 数据请求的简单分析
09-05
接下来，我们来看一个简单的Ajax应用示例，它使用自定义命名空间`ajaxEl`来封装Ajax功能： ```javascript var ajaxEl = { contentLoad: function(url) { url += "?date=" + new Date().getTime(); // 防止IE缓存...
一个简单的ajax请求。
wtm5201314的博客
10-15 194
1、表单部分 <tr th:each="user,userStat : ${users}"> <td th:text="${user.id}">id</td> <td th:text="${user.name}">name</td> <td th:text="${user.password}">password</td> ...
jquery ajax请求后台 的简单例子
weixin_30642561的博客
08-13 734
jQuery.ajax(url,[settings]) 概述 通过 HTTP 请求加载远程数据。 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数，除非你需要操作不常用的选项，以获得更多的灵活性。 最简单的情况下，$.ajax()可以不带任何...
一个简单的json数据，ajax请求数据并上传
cherry429的博客
10-25 338
这里是一个简单的HTML文件，具有一个简单的搜索功能 &lt;!DOCTYPE html&gt; &lt;html lang="ch"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;搜索&lt;/title&gt; &lt;style&gt;
JS实现并发Ajax请求
weixin_43170484的博客
11-12 2555
问题：有A、B、C三个请求，C请求需要A、B请求获取到的数据，如何解决 此前碰到这类问题都是直接改为串行解决，先获取到A然后A的回调调用B，B再调用C。最近发现了解决方法： JQ： jq1.5版本之后重写了AJAX，并且新增了一个新功能：deferred对象 $.when(A(), B()) .done(function(){console.log('done')}) .fail(func...
jQuery使用ajax写个简单的请求
tong_xinglong的专栏
07-18 925
/**   *以下代码实现功能：发出一个post请求，返回值类型为html页面，如果请求成功，用返回的html页面替换掉原页面中id为"dd"的元素   */ $.ajax({             type:"post",        //请求类型，此处设为post
如何用原生js写Ajax请求？
lb191258514的博客
05-05 426
如何用原生js写Ajax？ 我们通过绑定按钮点击事件来请求Ajax <body> <button>点击发送 </button> <div> </div> <script> let btn =document.getElementsByTagName('button')[0] //绑定点击事件触发请求 btn.addEventListener
一个简单的ajax请求
hooandlee的博客
05-21 366
*.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script th:src="@{/static/jquery-1.8.3.js}"></script> ...
js ajax的示例代码,Javascript原生ajax请求代码实例
weixin_32357285的博客
08-05 954
这篇文章主要介绍了Javascript原生ajax请求代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代码如下class Ajax{constructor(url, method, data, callback_suc, callback_err, callback_run){this.RT = true;//默认为异步请求this.url...
写一个ajax请求的例子
06-07
好的，以下是一个使用原生JavaScript发送Ajax请求的例子： ```javascript // 创建XMLHttpRequest对象 var xhr = new XMLHttpRequest(); // 监听请求状态改变事件 ...以上代码只是一个简单的示例，供参考。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值