标签：aaa 跨域 parameter Ajax text Jsonp import servlet javax
Ajax的跨域请求
跨域获取用户写入数据
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="http://localhost:8060/JSON_war_exploded/jquery.min.js"></script>
<script>
function funmove(){
//id的属性用$("#id")获取
//判断她为空的话，给span一个文本发生
if (null== $("#userid").val()||''==$("#userid").val()){
$("#spanid").text("用户名不能为空")
return
}
//这里是用户看到后进行输入，再次执行清空sqan的操作；就不执行if了
$("#spanid").text("")
//发送异步请求
$.ajax(
{
type:"GET",//method的方式
url:"http://localhost:8060/JSON_war_exploded/unameCheckServlet.do?",// 请求的后台服务的路径
data:{username:$("#userid").val()},// 提交的参数
dataType:"jsonp",
jsonp:"aaa",
success:function (msg) {// 响应成功执行的函数
$("#spanid").text(msg)
}
}
)
}
</script>
</head>
<body>
<form method="get" action="unameCheckServlet.do">
账号：<input id="userid" name="username" type="text" onblur="funmove()">
<span id="spanid" style="color: red"></span><br/>
密码：<input name="password" type="password"><br/>
<input type="submit" value="提交">
</form>
</body>
</html>
package com.msb;
import com.sun.net.httpserver.HttpServer;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
@WebServlet("/unameCheckServlet.do")
public class servlet extends HttpServlet {
@Override
protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
String parameter = req.getParameter("username");
System.out.println(parameter);//获取用户输入的数据
String aaa = req.getParameter("aaa");//jsonp的跨域技术；aaa必须与定义的属性名一致
String info= "";
if (parameter==null||parameter==""){
info="用户名不能为空";
}else if ("msb".equals(parameter)){
info="用户名已经被用";
}
resp.setCharacterEncoding("UTF-8");
resp.setContentType("text/html;charset=UTF-8");
resp.getWriter().println(aaa+"('"+info+"')");
}
}
标签：aaa,跨域,parameter,Ajax,text,Jsonp,import,servlet,javax 来源： https://www.cnblogs.com/188221creat/p/16334812.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。