华为荣耀81098的有哪些

JS实现AJAX提交数据到后台,实现验证用户名是否存在功能详解
ajaxmanul.js代码如下:
function validate(){
userName=document.getElementByIdx_x_x("userName").
&//1、创建XMLHttpRequest对象
&//2、需要针对IE和其它浏览器建立这个对象的不同方式写不同的代码
&if(window.XMLHttpRequest){
&//针对FF,Mozilar,Opera,Safari,IE7,IE8
&xmlhttp=new XMLHttpRequest();
&//修正某些浏览器bug
&if(xmlhttp.overrideMimeType){
&xmlhttp.overrideMimeType("text/xml");
if(window.ActiveXObject){
&//针对IE6以下的浏览器
activexName=["MSXML2.XMLHTTP","Microsoft.XMLHTTP",""];
&for( var i=0;i
&//取出一个控件名称创建,如果创建成功则停止,反之抛出异常
&xmlhttp=new ActiveXObject(activexName[i]);
&}catch(e){&&
&//需要确认xmlhttp创建是否成功
&if(!xmlhttp){
&alert("XMLHTTPRequest创建失败!");
&& &}else{
&alert(xmlhttp);
&//注册回调函数。注意注册回调函数是不能加括号,加了会把函数的值返回给onreadystatechange
&xmlhttp.onreadystatechange=callback;
&//设置连接信息
&//第一个参数表示http请求方式,支持所有http的请求方式,主要使用get和post
&//第二个参数表示请求的url地址,get方式请求的参数也在urlKh&
&//第三介参数表示采用异步还是同步方式交互,true表示异步
&xmlhttp.open("GET","servlet/CheckUserName?userName="
+ userName,true);
&//发送数据表示和服务器端交互
&//同步方式下,send这名话会在服务器端数据回来后才执行完
&xmlhttp.send(null);
&//异步方式下,send这句话立即完成执行
&//POST方式请求的代码
&//xmlhttp.open("POST","servlet/CheckUserName",true);
&//POST方式需要自己设置http的请求头
&//xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
&//POST方式发送数据
&//xmlhttp.send("userName="+userName);
//回调函数
function callback(){
&//判断对象的状态是交互完成
&if(xmlhttp.readyState==4){
&//判断http的交互是否成功
&if(xmlhttp.status==200){
&//获取服务器端返回的数据
&//获取服务器端输出的纯文本数据
responseText=xmlhttp.responseT&&
&//将数据显示在页面上
showResult=document.getElementByIdx_x_x("showResult");
&//设置元素节点的html内容
&showResult.innerHTML =responseT
checkUserAjax.html代码如下:
&!DOCTYPE HTML
PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"&
&title&My JSP 'checkUser starting
page&/title&
&meta http-equiv="pragma"
content="no-cache"&
&meta http-equiv="cache-control"
content="no-cache"&
&meta http-equiv="expires"
content="0"&&&&
&meta http-equiv="keywords"
content="keyword1,keyword2,keyword3"&
&meta http-equiv="description" content="This is my
&script type="text/javascript" src="js/ajaxmanul.js"
&&/script&
用户名:&input type="text" id="userName"
&input type="button" value="校验" onclick="validate()"
id="showResult"&&/div&
后台(CheckUserName.java)servlet代码如下:
import java.io.IOE
import java.io.PrintW
import javax.servlet.ServletE
import javax.servlet.http.HttpS
import javax.servlet.http.HttpServletR
import javax.servlet.http.HttpServletR
public class CheckUserName extends HttpServlet {
&& &public void
doGet(HttpServletRequest request, HttpServletResponse
&throws ServletException, IOException {
&//HttpServletResponse.setContentType("text/html:charset=utf-8");
&request.setCharacterEncoding("utf-8");
&response.setCharacterEncoding("utf-8");
&PrintWriter out=response.getWriter();
&//获取页面参数
userName=request.getParameter("userName");
&//检测参数是否与DB中相应数据相匹配
&if(userName==null||userName.length()==0){
&out.println("用户名不能为空");
&//校验操作
&if(userName.equals("tfq")){
&//返回页面数据
&out.println("用户名已经存在");
&out.println("恭喜你!此用户可用");
以上代码绝对能实现验证用户名是否存在功能。
已投稿到:
以上网友发言只代表其个人观点,不代表新浪网的观点或立场。js 通过html()及text()方法获取并设置p标签的显示值
字体:[ ] 类型:转载 时间:
这篇文章主要介绍了js 通过html()及text()方法获取并设置p标签的显示值,需要的朋友可以参考下
html()方法 此方法类似于JavaScript中的innerHTML属性,可以用来读取或者设置某个元素中的HTML内容。要获取某个元素的内容,可以这样:
代码如下: var p_html = $("p").html(); //获取p元素的HTML代码
如果需要设置某元素的HTML代码,那么也可以使用该方法,不过需要为它传递一个参数。例如要设置p元素的HTML代码,可以使用如下代码:
代码如下: //设置p元素的HTML代码 $("p").html("欢迎您访问简明现代魔法图书馆~~");
注意:html()方法可以用于XHTML文档,但不能用于XML文档。 text()方法 此方法类似于JavaScript中的innerText属性,可以用来读取或者没置某个元素中的文本内容。继续使用以上的HTML代码,用text()方法对p元素进行操作:
代码如下: var p_text = $("p").text(); //获取p元素的文本内容
与html()方法一样,如果需要为某元素设置文本内容,那么也需要传递一个参数。例如对p元素设置文本内容,代码如下:
代码如下: // 设置p元素的文本内容 $("p").text("欢迎您访问简明现代魔法图书馆~~");
要注意下面两点: JavaScript中的innerText属性并不能在Firefox浏览器下运行,而jQuery的text()方法支持所有的浏览器. text()方法对HTML文档和XML文档都有效。 显示好友列表时,在显示好友名字的&p&&/p&元素中设置:&p id="p${friend.friendId}"&&/p&,这样js文件就可以动态获取&p&&/p&元素的id,并顺利通过text()方法赋值$("#p"+userId).text(name);
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具

我要回帖

更多关于 华为荣耀8 的文章

 

随机推荐