JSP阿贾克斯不工作 [英] jsp Ajax not working
本文介绍了JSP阿贾克斯不工作的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我试图用一个简单的Ajax function.Earlier我做的方式是工作perfeclty但今天它不是working.Not工作意味着它甚至没有打开警报box.Please见下图
在code这是JavaScript
＆LT;脚本＆GT;
VAR reqObj = NULL;
功能的send（）{
变种数量;
VAR味精;
。味精=的document.getElementById（机构）的价值;
。数=的document.getElementById（数字）的价值;
警报（数）;
如果（window.XMLHtt prequest）{
reqObj =新XMLHtt prequest（）;
}其他 {
reqObj =新的ActiveXObject（Microsoft.XMLHTTP）;
}
reqObj.onreadystatechange = sukant;
reqObj.open（POST，./ messageSending.jsp toNumber =？+数字+＆放大器;身体=+机构，真正的）;
reqObj.send（空）;
}
功能sukant（）{
如果（reqObj.readyState == 4和＆安培; request.status == 200）{
警报（reqObj.responseText）;
}}
＆LT; / SCRIPT＆GT;
这是HTML的一部分，我特意打电话AJAX
＆LT;按钮类=BTN类型=提交ID =openAlert的onClick =派（）;＆GT;发送和LT; /按钮＆GT;
这是messageSending.jsp
＆LT;％！串号，短信; ％＆GT;
＆LT;％
数=的request.getParameter（toNumber）;
消息=的request.getParameter（机构）;
通过out.println（数字++消息）;
//sendSMS.send(number,message）;
％＆GT;
任何机构可以告诉我在哪里我都错了吗？
这是我的全部code
＆LT;％@页面语言=Java的的contentType =text / html的;字符集= US-ASCII的pageEncoding =US-ASCII％＆GT;
＆LT;！DOCTYPE HTML＆GT;
＆LT; HTML＆GT;
＆LT; HEAD＆GT;
＆LT;冠军＆GT; Twilio消息（发送短信为例）LT; /标题＆GT;
＆LT; META HTTP-当量=Content-Type的CONTENT =text / html的;字符集= US-ASCII＆GT;
＆LT; META NAME =视口内容=WIDTH =装置宽度，初始规模= 1.0＆GT;
＆LT;链接HREF =http://getbootstrap.com/2.3.2/assets/css/bootstrap.css相对=样式＆GT;
＆LT;链接HREF =http://getbootstrap.com/2.3.2/assets/css/bootstrap-responsive.css相对=样式＆GT;
＆LT;脚本类型=文/ JavaScript的SRC =HTTPS：//$c$c.jquery.com/jquery.min.js＆GT;＆LT; / SCRIPT＆GT;
＆LT;脚本类型=文/ JavaScript的SRC =http://getbootstrap.com/2.3.2/assets/js/bootstrap.js＆GT;＆LT; / SCRIPT＆GT;
＆LT;脚本＆GT;
$（文件）。就绪（函数（）{
$（'＃openAlert）。点击（函数（）{
警报（HI）;
。VAR数= $（'＃号）VAL（）; //如果它的文本输入可以使用的.text（）
VAR味精= $（'＃身体）VAL（）。 //如果它的文本输入可以使用的.text（）
$阿贾克斯（
{
键入：POST，
网址：messageSending.jsp，//你的完整URL放在这里
数据：{toNumber：数量，体：味精}
成功：功能（数据，textStatus，jqXHR）{
警报（数据）;
}，
错误：函数（jqXHR，textStatus，errorThrown）{
警报（错误）;
}
}）;
}）;
}）;
＆LT; / SCRIPT＆GT;
＆LT; /头＆GT;
＆LT;身体GT;＆LT;跨度ID =资源＆GT;＆LT; / SPAN＆GT;
＆LT; DIV CLASS =容器＆GT;
＆LT; DIV CLASS =行＆GT;
＆LT; DIV CLASS =span12＆GT;
＆LT; H2＆GT; Twilio消息（发送短信为例）LT; / H＆GT;
＆LT;窗体类=表单的登入行动=＃的方法=邮报＆GT;
＆LT; DIV CLASS =行＆GT;
＆LT; DIV CLASS =span3＆GT;
输入号码发送：
＆LT; / DIV＆GT;
＆LT; DIV CLASS =span3＆GT;
＆LT;输入类型=文本名称=toNumberID =号最大长度=13占位符=请输入10位号码发送值=+ 917676462182/＆GT;
＆LT; / DIV＆GT;
＆LT; DIV CLASS =span6＆GT;
＆LT; DIV CLASS =警报＆GT;
＆LT;按钮式=按钮级=关闭数据解雇=警报＆GT;＆安培;倍;＆LT; /按钮＆GT;
该号码发送的短信。该字段接受格式化，格式化美国的数字，例如： 14155551212，（415）555-1212或415-555-1212＆LT;小时/＆GT;
从测试区帐户发送消息。该数字必须＆LT; A HREF =https://www.twilio.com/user/account/phone-numbers/verified目标=_空白＆GT;验证＆LT; / A＆GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; DIV CLASS =行＆GT;
＆LT; DIV CLASS =span3＆GT;
输入信息可发送：
＆LT; / DIV＆GT;
＆LT; DIV CLASS =span3＆GT;
＆LT; textarea的名字=身体最大长度=160占位符=输入要发送的消息ID =身体与GT;
＆LT; / textarea的＆GT;
＆LT; / DIV＆GT;
＆LT; DIV CLASS =span6＆GT;
＆LT; DIV CLASS =警报＆GT;
＆LT;按钮式=按钮级=关闭数据解雇=警报＆GT;＆安培;倍;＆LT; /按钮＆GT;
你要发送的消息的文本，仅限于160个字符。
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; DIV CLASS =行＆GT;
＆LT; DIV CLASS =span3＆GT;
＆LT; / DIV＆GT;
＆LT; DIV CLASS =span9＆GT;
＆LT;按钮类=BTN类型=提交ID =openAlert＆GT;发送和LT; /按钮＆GT;
＆LT;输入类型=提交的onClick =派（）;/＆GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; /形式GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; DIV ID =LE-警报级=警戒警报，警告警报块变脸＆GT;
＆LT;按钮HREF =＃型=按钮级=关闭＆GT;＆安培;倍;＆LT; /按钮＆GT;
＆LT; H4＆GT;成功＆LT; / H4＆GT;
＆其中; P＆gt;消息成功＆所述发送; / P＆GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; /身体GT;
＆LT; / HTML＆GT;
解决方案
我不熟悉JSP但以下应工作
jQuery的AJAX：
$（文件）。就绪（函数（）{
$（'＃openAlert）。点击（函数（）{
。VAR数= $（'＃号）VAL（）; //如果它的文本输入可以使用的.text（）
VAR味精= $（'＃身体）VAL（）。 //如果它的文本输入可以使用的.text（）
$阿贾克斯（{
键入：POST，
网址：messageSending.jsp，// **你完整的URL放在这里**
数据：{toNumber：数量，味精：味精}，
成功：功能（数据，textStatus，jqXHR）{
警报（数据）;
}，
错误：函数（jqXHR，textStatus，errorThrown）{
警报（errorThrown）;
}
}）;
}）;
}）;
HTML：
＆LT;按钮类=BTNID =openAlert＆GT;发送和LT; /按钮＆GT;
＆LT;输入类型=文本名称=toNumberID =号最大长度=13占位符=请输入10位号码发送值=+ 16822037149/＆GT;
＆LT;输入类型=文本名称=味精ID =身体最大长度=13/＆GT;
不要忘记，包括jQuery的在您的网页
修改 勾选此 FIDDLE 。它引发的错误的异常URL是不应该，但是，当你把一个有效的URL，它应该工作
I trying to use a simple ajax function.Earlier the way I did is working perfeclty but today Its not working.Not working means its not even opening an alert box.Please see the code below
this is the javascript
<script >
var reqObj=null;
function send(){
var number;
var msg;
msg=document.getElementById("body").value;
number=document.getElementById("number").value;
alert(number);
if(window.XMLHttpRequest){
reqObj=new XMLHttpRequest();
}else {
reqObj=new ActiveXObject("Microsoft.XMLHTTP");
}
reqObj.onreadystatechange=sukant;
reqObj.open("POST","./messageSending.jsp?toNumber=" + number + "&body=" + body ,true);
reqObj.send(null);
}
function sukant(){
if(reqObj.readyState==4 && request.status == 200){
alert(reqObj.responseText);
}}
</script>
this is the HTML part where I am calling ajax
<button class="btn" type="submit" id="openAlert" onClick="send();">Send</button>
This is the messageSending.jsp
<%!String number,message; %>
<%
number=request.getParameter("toNumber");
message=request.getParameter("body");
out.println(number+" "+message);
//sendSMS.send(number,message);
%>
Can any Body please tell me where did i do mistake?
this is my full code
<%@ page language="java" contentType="text/html; charset=US-ASCII" pageEncoding="US-ASCII"%>
<!DOCTYPE html>
<html>
<head>
<title>Twilio Messages (Send message Example)</title>
<meta http-equiv="Content-Type" content="text/html; charset=US-ASCII">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css" rel="stylesheet">
<link href="http://getbootstrap.com/2.3.2/assets/css/bootstrap-responsive.css" rel="stylesheet">
<script type="text/javascript" src="https://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript" src="http://getbootstrap.com/2.3.2/assets/js/bootstrap.js"></script>
<script >
$(document).ready(function(){
$('#openAlert').click(function(){
alert("hi");
var number = $('#number').val(); // If its a text input could use .text()
var msg = $('#body').val(); //If its a text input could use .text()
$.ajax(
{
type: "POST",
url: "messageSending.jsp", //Your full URL goes here
data: { toNumber: number, body: msg}
success: function(data, textStatus, jqXHR){
alert(data);
},
error: function(jqXHR, textStatus, errorThrown){
alert("error");
}
});
});
});
</script>
</head>
<body><span id="res"></span>
<div class="container">
<div class="row">
<div class="span12">
<h2>Twilio Messages (Send message Example)</h2>
<form class="form-signin" action="#" method="post">
<div class="row">
<div class="span3">
Enter Number to send:
</div>
<div class="span3">
<input type="text" name="toNumber" id="number" maxlength="13" placeholder="Enter 10 digits number to send" value="+917676462182"/>
</div>
<div class="span6">
<div class="alert">
<button type="button" class="close" data-dismiss="alert">×</button>
The number to send an SMS to. This field accepts formatted and unformatted US numbers, e.g. +14155551212, (415) 555-1212 or 415-555-1212.<hr />
To send message from SandBox Account. The Number has to be <a href="https://www.twilio.com/user/account/phone-numbers/verified" target="_blank">verified</a>
</div>
</div>
</div>
<div class="row">
<div class="span3">
Enter Message to send:
</div>
<div class="span3">
<textarea name="body" maxlength="160" placeholder="Enter message to send" id="body">
</textarea>
</div>
<div class="span6">
<div class="alert">
<button type="button" class="close" data-dismiss="alert">×</button>
The text of the message you want to send, limited to 160 characters.
</div>
</div>
</div>
<div class="row">
<div class="span3">
</div>
<div class="span9">
<button class="btn" type="submit" id="openAlert" >Send</button>
<input type="submit" onClick="send();"/>
</div>
</div>
</form>
</div>
</div>
<div id="le-alert" class="alert alert-warn alert-block fade">
<button href="#" type="button" class="close">×</button>
<h4>Successful</h4>
<p>Message sent successfully</p>
</div>
</div>
</body>
</html>
解决方案
I'm not familiar with jsp but the following should work
jQuery ajax:
$(document).ready(function(){
$('#openAlert').click(function(){
var number = $('#number').val(); // If its a text input could use .text()
var msg = $('#body').val(); //If its a text input could use .text()
$.ajax({
type: "POST",
url: "messageSending.jsp", //**Your full URL goes here**
data: { toNumber: number, msg: msg},
success: function(data, textStatus, jqXHR){
alert(data);
},
error: function(jqXHR, textStatus, errorThrown){
alert(errorThrown);
}
});
});
});
HTML:
<button class="btn" id="openAlert">Send</button>
<input type="text" name="toNumber" id="number" maxlength="13" placeholder="Enter 10 digits number to send" value="+16822037149"/>
<input type="text" name="msg" id="body" maxlength="13"/>
Don't forget to include jQuery in your page
EDIT Check this FIDDLE. It throws an exception on error that url is not should but it should work when you put a valid URL
这篇关于JSP阿贾克斯不工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
