AJAX是一个异步请求,通常在不同的网站中用于加载内容而不刷新整个页面。例如,您可以看到cricinfo,它将自动动态更新,而无需刷新页面,发送到服务器的请求无需任何重新加载。
在这里,我们从用户那里获取输入,并通过创建HttpRequest对象将它们发送到服务器请求。用户单击注册按钮后,请求即被发送,并且响应被返回。
<html> <head> <title>AJAX REQUEST IN JSP</title> <script type="text/javascript"> function loadAjax(){ var username= document.getElementById("username").value; var email= document.getElementById("email").value; var tel= document.getElementById("tel").value; var division= document.getElementById("division").value; var url="ajax.jsp?username="+username +"&email="+email+"&division="+division+"&tel="+tel; alert(url); if(window.XMLHttpRequest){ request = new XMLHttpRequest(); }else if(window.ActiveXObject){ request = new ActiveXObject("Microsoft.XMLHTTP"); } try{ request.onreadystatechange=sendInfo; request.open("POST",url,true); request.send(); }catch(e){ alert("Unable to connect server"); } } function sendInfo(){ var p = document.getElementById("print"); if(request.readyState ==1){ var text = request.responseText; p.innerHTML="Please Wait....."; console.log("1"); } if(request.readyState ==2){ var text = request.responseText; console.log("2"); } if(request.readyState ==3){ var text = request.responseText; console.log("3"); } if(request.readyState ==4){ var text = request.responseText; p.innerHTML=" Request Processed "+text; } } </script> </head> <body> <h1>AJAX REQUEST IN JSP</h1> <form> <p><label>YOUR NAME</label> <input type="text" name="username" id="username" required="required"></p> <p><label>YOUR EMAIL</label> <input type="email" name="email" id="email" required="required"></p> <p><label>YOUR PHONE</label> <input type="tel" name="tel" id="tel" required="required"></p> <p><label>YOUR DIVISION</label> <select name="division" required="required" id="division"> <option value="">Select</option> <option value="East">East</option> <option value="West">West</option> <option value="North">North</option> <option value="South">South</option> </select></p> <button type="button" onclick="loadAjax()">REGISTER</button> </form> <p id="print"></p> </body> </html>
本文向大家介绍Ajax请求内嵌套Ajax请求示例代码,包括了Ajax请求内嵌套Ajax请求示例代码的使用技巧和注意事项,需要的朋友参考一下 前段时间做项目,需要把全国省市的两个XML文件整合成一个JSON格式的数据,手写的话觉得数据太多了,而且容易出错,于是就想到了用Ajax嵌套的方法来解决,就想平时用Ajax的方法直接嵌套,都会先读出外面Ajax的内容,然后才读取嵌套在Ajax里面的内容,后面经
本文向大家介绍jsp+ajax发送GET请求的方法,包括了jsp+ajax发送GET请求的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了ajax发送GET请求,然后通过jsp页面来接收处理的实现方法。分享给大家供大家参考。具体实现方法如下: Ajax发送GET请求 这里用一个实例演示Ajax发送get请求,实例具体要求为一个注册页面,当用户填写完用户名称时,该输入框失去焦点后会通过A
本文向大家介绍jquery请求servlet实现ajax异步请求的示例,包括了jquery请求servlet实现ajax异步请求的示例的使用技巧和注意事项,需要的朋友参考一下 ajax可以发送异步请求实现无刷新效果,但是使用javascript比较麻烦,就query提供了一些封装的方法 ,可以使得操作更为简单: $.ajax()方法: $.get()方法: $.post()方法: $.load()
本文向大家介绍Django中的ajax请求,包括了Django中的ajax请求的使用技巧和注意事项,需要的朋友参考一下 需求:实现ajax请求,在界面上任意地方点击,可以成功传参。 创建项目如下所示: settings.py文件的设置,这次我们除了要注册app和设置templates文件夹的路径,还要多设置一下static的路径,代码如下: 首先,先对界面做处理,设置高为100%,然后引入我们所需
问题内容: 我想要的是具有更改页面一部分的链接,以及它的动态URL,在这里可以指定诸如 单击此处进行精确演示 所以这是我需要的链接格式: 我必须像链接变量和这样我就可以改变一个页面上的多个万物而不realoading。 或诸如http://www.wbhomes.com.au上的另一种格式,这 正是 我想要的,但是第一种格式也不错,但这要漂亮得多。 要求 需要从任何地方访问,例如邮件,或者我只写在
问题内容: 如何使用jQuery在Grails页面中发出Ajax请求? 如何在Grails Controller上设置击中方法的URL?假设控制器:“机场”,动作:“ getJson”,动作的输入为“ iata”。 我能够将静态网址设置为,但无法弄清楚如何为iata传递输入。 我对Grails并不陌生,并遵循IBM的“掌握Grails”教程系列。建议我给我一些有关将Grails与jQuery一起使