Javascript Ajax不从C++；CGI脚本
我在处理一些ajax时遇到了问题。问题是它没有在Javascript Ajax不从C++；CGI脚本,javascript,ajax,cgi,Javascript,Ajax,Cgi,我在处理一些ajax时遇到了问题。问题是它没有在responseText字段中返回任何内容。我想在响应文本中返回字符串“OK”，但我甚至不确定是否调用了我的cgi程序。这是我的带有ajax的html文件 <html> <head> <title>Survey</title> <script> var asyncRequest; // XMLHttpRequest object function PostData()
responseText“OK”<html>
<head>
<title>Survey</title>
<script>
var asyncRequest; // XMLHttpRequest object
function PostData()
{
// Attempt to create the XMLHttpRequest and make the request
try
{
asyncRequest = new XMLHttpRequest();
// Register event handler
asyncRequest.onreadystatechange = StateChange;
// Prepare to post data to URL asynchronously
asyncRequest.open("POST", "cgi-bin/survey_save.cgi", true);
postData = "";
if (document.getElementById("int").checked == true)
postData += "class-int=on&";
if (document.getElementById("net").checked == true)
postData += "class-net=on&";
if (document.getElementById("gui").checked == true)
postData += "class-gui=on&";
if (document.getElementById("oop").checked == true)
postData += "class-oop=on&";
if (document.getElementById("gender-male").checked == true)
postData += "gender=M";
if (document.getElementById("gender-female").checked == true)
postData += "gender=F";
// Set the appropriate HTTP request headers
asyncRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
asyncRequest.setRequestHeader("Content-length", postData.length);
// Make request
asyncRequest.send(postData);
}
catch (exception)
{
alert("Request failed: " + exception.message);
}
}
function StateChange()
{
//alert(asyncRequest.readyState)
//alert(asyncRequest.status+" "+asyncRequest.readyState)
if (asyncRequest.readyState == 4 && asyncRequest.status == 200)
{
alert(asyncRequest.responseText)
if (asyncRequest.responseText == "OK")
{
document.getElementById("message").innerHTML = "Thank you!";
alert(asyncRequest.responseText);
}
else
document.getElementById("message").innerHTML =
asyncRequest.responseText;
}
}
</script>
</head>
<body>
<h3>Please Enter the following Information: </h3>
<form>
<input type ="hidden" name="input-source" value="survey2.html" />
<p>
Name: <input type="text" name="name" size="30" />
</p><p>
Classification:
<select name="class">
<option>Freshman</option>
<option selected="selected">Sophomore</option>
<option>Junior</option>
<option>Senior</option>
</select>
</p><p>
Gender:
<input type="radio" name="gender" value="M" checked="checked" id="gender-male" />Male
<input type="radio" name="gender" value="F" id="gender-female"/>Female
</p><p>
Email address: <input type="text" name="email" size="30" />
</p><p>
Password: <input type="password" name="pword" />
</p><p>
What are your favorite computer classes?
<br />
<label>
<input type="checkbox" name="class-int" id="int" />Internet Development
</label>
<label>
<input type="checkbox" name="class-net" id="net" />Networking
</label>
<label>
<input type="checkbox" name="class-gui" id="gui" />GUI
</label>
<label>
<input type="checkbox" name="class-oop" id="oop" />OOP
</label>
</p><p>
Are you graduating this spring?
<label>
<input type="radio" name="grad" value="Yes" />Yes
</label>
<label>
<input type="radio" name="grad" value="Yes" />No
</label>
</p><p>
Other information we should know? <br />
<textarea name ="comments" rows="3" cols="50"></textarea>
<input type="button" value="Submit Survey" onclick="PostData()"/>
<input type="reset" value="Clear Form" />
</p>
</form>
<div id ="message" />
</body>
</html>
调查
var asyncRequest；//XMLHttpRequest对象
函数PostData（）
{
//尝试创建XMLHttpRequest并发出请求
尝试
{
asyncRequest=新的XMLHttpRequest（）；
//寄存器事件处理程序
asyncRequest.onreadystatechange=StateChange；
//准备将数据异步发布到URL
asyncRequest.open（“POST”，“cgi bin/survey_save.cgi”，true）；
postData=“”；
if（document.getElementById（“int”）.checked==true）
postData+=“类int=on&”；
if（document.getElementById（“net”）.checked==true）
postData+=“类网=开&”；
if（document.getElementById（“gui”）.checked==true）
postData+=“类gui=on&”；
if（document.getElementById（“oop”）.checked==true）
postData+=“类oop=on&”；
if（document.getElementById（“性别男性”）.checked==true）
postData+=“性别=M”；
if（document.getElementById（“性别女性”）.checked==true）
postData+=“性别=F”；
//设置适当的HTTP请求头
setRequestHeader（“内容类型”，“应用程序/x-www-form-urlencoded”）；
asyncRequest.setRequestHeader（“内容长度”，postData.length）；
//请求
asyncRequest.send（postData）；
}
捕获（例外）
{
警报（“请求失败：+异常消息”）；
}
}
函数StateChange（）
{
//警报（asyncRequest.readyState）
//警报（asyncRequest.status+“”+asyncRequest.readyState）
如果（asyncRequest.readyState==4&&asyncRequest.status==200）
{
警报（asyncRequest.responseText）
如果（asyncRequest.responseText==“确定”）
{
document.getElementById（“message”）.innerHTML=“谢谢！”；
警报（asyncRequest.responseText）；
}
其他的
document.getElementById（“消息”）.innerHTML=
asyncRequest.responseText；
}
}
请输入以下信息：
姓名：
分类：
大一新生
大二
年少者
级别高的
性别：
男性的
女的
电邮地址：
密码：
你最喜欢的计算机课程是什么？
互联网发展
网络
桂
哎呀
你今年春天毕业吗？
对
不
其他我们应该知道的信息
#include<fstream>
#include "cgi.h"
int main()
{
string name = GetValue("name");
string gender = GetValue("gender");
string net = GetValue("class-net");
string webdev = GetValue("class-int");
string gui = GetValue("class-gui");
string oop = GetValue("class-oop");
ofstream fout;
ParseInputParameters();
cout <<"Content-type:text/html\n\n";
fout.open("classes.dat", ios::app);
if(fout.fail())
{
cout << "Cannot open up the data file";
}
else
{
cout <<"OK";
if( net == "on" )
{
fout << "class-net "<<gender<<endl;
cout << "OK";
}
if( webdev == "on" )
{
fout << "class-int "<<gender<<endl;
cout << "OK";
}
if( gui == "on" )
{ fout << "class-gui "<<gender<<endl;
cout << "OK";
}
if( oop == "on" )
{
fout << "class-oop "<<gender<<endl;
cout << "OK";
}
}
fout.close();
return 0;
}
#包括
#包括“cgi.h”
int main（）
{
字符串名称=GetValue（“名称”）；
字符串性别=GetValue（“性别”）；
字符串net=GetValue（“类net”）；
字符串webdev=GetValue（“class int”）；
字符串gui=GetValue（“类gui”）；
字符串oop=GetValue（“类oop”）；
流式流量计；
ParseInputParameters（）；
是否可以通过监视访问日志来验证是否调用了CGI脚本。可能还需要检查错误日志。如何以及在何处执行此操作？取决于您的设置。请尝试创建表单并使用同步方法进行POST。此外，还可以创建一个脚本，以便在开发I.e#！/bin/sh之前将CGI脚本管道输出到文件/path/to/script>/tmp/out 2>&1；cat/tmp/out。可以使用文件/tmp/out查看发生了什么。