ajax没有任何反应,ajax  没反应

ajax  没反应0

02ae427d08e371d7e90d5b995e828d6d.pngyumen11302013.12.20浏览106次分享举报

我的servlet

package ajax;

@SuppressWarnings("serial")

public class ajaxaction extends HttpServlet{

@Override

protected void doGet(HttpServletRequest arg0, HttpServletResponse arg1) throws ServletException, IOException {

doPost(arg0, arg1);}

@Override

protected void doPost(HttpServletRequest req, HttpServletResponse res) throws ServletException, IOException {

res.setContentType("text/xml; charset=GBK");

PrintWriter out = res.getWriter();

String name = req.getParameter("username");

if(name.equalsIgnoreCase("hunter"))

out.print(1);

out.flush();

out.close();

}

}

〉〉〉〉〉〉〉jsp

ajax

function testName(){

var req = null;

if(window.XMLHttpRequest){

req = new XMLHttpRequest();

} else if(window.ActiveXObject){

req = new ActiveXObject("Microsoft.XMLHTTP");

} else {

return;

}

var view_name=document.getElementById("view_name");

if (req) {

req.onreadystatechange=function() {

if (req.readyState==4 && req.status==200) {

if(req.responseText==0){

view_name.style.backgroundColor='green';

view_name.innerHTML='该用户名可以正常使用';

}else if(req.responseText==1){

view_name.style.backgroundColor='red';

view_name.innerHTML='该用户名已经被使用';

}else{

view_name.style.backgroundColor='red';

view_name.innerHTML='该用户名含有非法字符!';

}

}

}

}

req.open("post","ajax/ajaxa",true);

req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

req.send(null);

return false;

}

}

web.xml

AjaxServlet

ajax.ajaxaction

AjaxServlet

/ajaxa

AJAX(Asynchronous JavaScript and XML)是一种在不重新加载整个网页的情况下,使用JavaScript与服务器交换数据并更新部分网页的技术。如果AJAX点击事件没有反应,可能是以下几个原因: 1. **事件绑定问题**:确保你已经正确地绑定了点击事件,比如可能是`addEventListener`或`onclick`未生效,或者绑定的事件处理函数里有错误。 ```javascript element.addEventListener('click', function() { // 这里是你处理AJAX请求的部分 }); ``` 2. **请求设置错误**:检查AJAX请求是否配置正确,包括URL、请求类型(GET/POST)、数据格式等。 ```javascript $.ajax({ url: 'your-url', type: 'GET', success: function(data) { // 处理响应数据 }, error: function(xhr, status, error) { console.log('AJAX request failed:', error); } }); ``` 3. **跨域问题**:如果请求的目标地址不在同源策略限制内,你需要设置`XMLHttpRequest`的`withCredentials`属性或者服务器端设置允许跨域。 4. **网络问题**:确保用户设备和服务器之间的网络连接正常。 5. **浏览器兼容性**:检查你的代码是否在目标浏览器上支持,并可能需要添加条件注释对不同浏览器做适配。 6. **DOM元素不存在**:如果点击的元素在页面加载完成后再动态添加,可能需要使用事件委托。 排查这些问题后,如果问题依然存在,可以尝试在浏览器的开发者工具中查看是否有错误信息,或者使用`console.log`来跟踪代码执行过程。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值