问题：

如何将ajax POST转换为php

巫坚白

2023-03-14

我似乎不知道如何使用ajax发布。我做了一个愚蠢的表单来尝试它，甚至在把它削减到只有两个值之后，仍然不能得到任何工作。我的html是这样的：

<html>
<head>
<script type="text/javascript" src="j.js"></script>
<title>Test this<
<body>/title>
</head>
<form name="testForm" onsubmit="postStuff()" method="post">
First Name: <input type="text" name="fname" id="fname" /><br />
Last Name: <input type="text" name="lname" id="lname" /><br />
<input type="submit" value="Submit Form" />
</form>
<div id="status"></div>
</body>
</html>

那么，我的外部javascript到目前为止只是一个单一的函数：

function postStuff(){
// Create our XMLHttpRequest object
var hr = new XMLHttpRequest();
// Create some variables we need to send to our PHP file
var url = "processForm.php";
var fn = document.getElementById("fname").value;
var ln = document.getElementById("lname").value;
var vars = "firstname="+fn+"&lastname="+ln;
hr.open("POST", url, true);
hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
// Access the onreadystatechange event for the XMLHttpRequest object
hr.onreadystatechange = function() {
    if(hr.readyState == 4 && hr.status == 200) {
        var return_data = hr.responseText;
        document.getElementById("status").innerHTML = return_data;
    }
}
// Send the data to PHP now... and wait for response to update the status div
hr.send(vars); // Actually execute the request
document.getElementById("status").innerHTML = "processing...";
}

而我的php只是回显这些内容：

<?php
$firstname = $_POST['firstname'];
$lastname = $_POST['lastname'];
echo $firstname ." - ". $lastname ."<br />";
?>

我在firebug或Chrome的工具薄中找不到任何错误…谁能告诉我我做错了什么？

共有2个答案

闻人望

2023-03-14

整个问题是由于您既要提交表单又要执行AJAX调用这一事实造成的！status肯定已更新，但同时刷新页面（请注意，-值将消失）

只需通过更改标记来避免表单提交,

<form name="testForm" action="" method="">
First Name: <input type="text" name="fname" id="fname" /><br />
Last Name: <input type="text" name="lname" id="lname" /><br />
<input type="button" value="Submit Form" onclick="postStuff();" />

并且您的代码可以工作。或者根本不使用窗体。不管怎么说，当你在阿贾兴的时候，这是没有用的。

null

我在回答之前再现了整个情景：

xhr.html

<html>
<head>
<title>Test this</title>
</head>
<body>
<form name="testForm" action="" method="">
First Name: <input type="text" name="fname" id="fname" /><br />
Last Name: <input type="text" name="lname" id="lname" /><br />
<input type="button" value="Submit Form" onclick="postStuff();" />
</form>
<div id="status"></div>

<script>
function postStuff(){
// Create our XMLHttpRequest object
var hr = new XMLHttpRequest();
// Create some variables we need to send to our PHP file
var url = "xhr.php";
var fn = document.getElementById("fname").value;
var ln = document.getElementById("lname").value;
var vars = "firstname="+fn+"&lastname="+ln;
hr.open("POST", url, true);
hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
// Access the onreadystatechange event for the XMLHttpRequest object
hr.onreadystatechange = function() {
    console.log(hr);

    if(hr.readyState == 4 && hr.status == 200) {
        var return_data = hr.responseText;
        document.getElementById("status").innerHTML = return_data;
    }
}
// Send the data to PHP now... and wait for response to update the status div
hr.send(vars); // Actually execute the request
document.getElementById("status").innerHTML = "processing...";
}
</script>
</body>
</html>

xhr.php

<?php
$firstname = $_POST['firstname'];
$lastname = $_POST['lastname'];
echo $firstname ." - ". $lastname ."<br />";
?>

寇夜洛

2023-03-14

制作：

<form name="testForm" onsubmit="postStuff()" method="post">
First Name: <input type="text" name="fname" id="fname" /> <br />
Last Name: <input type="text" name="lname" id="lname" /> <br />
<input type="submit" value="Submit Form" />
</form>

变成按钮标记：

<form name="testForm">
First Name: <input type="text" name="fname" id="fname" /> <br />
Last Name: <input type="text" name="lname" id="lname" /> <br />
<button type="button" onclick="postStuff();">Submit Form!</button>
</form>

该页面从表单submit中刷新，就我所见。如果使用Ajax，则不需要使用表单。

还要阅读：为什么在HTML中使用onClick（）是一种糟糕的做法？因为您将post封装在函数中。

编辑：我刚刚注意到你的标题和头标签是坏了在你已经提出的来源。

类似资料：

如何将varchar转换/转换为日期？

问题内容：我在mySQL 5.1中有一个数据类型的日期列。如何将其转换为DATE？这是我到目前为止所拥有的- 得到这个错误-＃1064-您的SQL语法有错误；查看与您的MySQL服务器版本相对应的手册以获取正确的语法，以在’FROM 7 FOR 4附近使用）请帮忙。问题答案：您可以使用MySQL的功能尽管我怀疑您使用Unix时间戳会更轻松
如何将Reader转换为InputStream而将Writer转换为OutputStream？

问题内容：有没有一种简单的方法可以避免处理文本编码问题？问题答案：您确实无法避免处理文本编码问题，但是Apache Commons中已有一些解决方案：至：至：您只需要选择所需的编码即可。
如何将dicom文件转换为jpg转换

问题内容：如何使用Java将Dicom文件（.dcm）转换为jpeg图像？这是我的代码：我在运行项目时遇到以下错误请帮助并提前感谢问题答案：这是使用dcm4che 2将DICOM转换为JPEG的链接以下是我的代码，效果很好，我将其与导入一起放置，因此可能用完了。用于运行它的罐子 dcm4che-imageio-2.0.28.jar dcm4che-image-2.0.28.jar j
如何将String转换为JsonObject

问题内容：我正在使用A 将Json从Web转换为字符串。这可能很简单，但是我似乎无法将此字符串转换为。我怎样才能做到这一点？问题答案：请参阅文档和示例。
如何将org.jdom.Document转换为String

问题内容：如何在Java中将org.jdom.Document转换为字符串？问题答案：
如何将JSONArray转换为ListView？

问题内容：我有一个下面的代码- 通过HttpClient连接到Web服务到PHP文件从SQL查询返回结果返回格式是一个jArray（一个JSONArray）当我查看LogCat时，我看到了查询的所有“名称”，每条记录都被打印出来。我只需要将这些结果插入ListView中即可。我怎样才能做到这一点？ PS-我没有ArrayAdapter的单独类。这可能是原因吗？问题答案：如果您只想显示t

如何将ajax POST转换为php

共有2个答案

相关问答

相关文章

相关阅读

相关工具

相关文档