PHP/AAJAX POST表单检索
PHP/AJAX POST form retrieval
我是PHP/AAJAX的新手,我正在尝试在不刷新页面的情况下获取表单值。我试过各种代码,但似乎都不起作用。要么什么都没发生,要么我收到一个未定义的索引通知。我试过使用isset()和empty(),但它们似乎也不起作用。感谢您的帮助。这在我的javascript函数中:
{
var hr = new XMLHttpRequest();
var url = "parser.php";
var fn = document.getElementById("firstname").value;
var vars = "firstname="+fn;
//document.write(vars);
//open() method of XMLHttpRequest object
hr.open("get",url,true);
//to send url encoded variables in the request
hr.setRequestHeader("Content-type", "application/w-www-form-urlencoded");
hr.onreadystatechange = function () {
if(hr.readyState == 4 && hr.status == 200){
var returnData = hr.responseText;
document.getElementById("status").innerHTML = returnData;
}
};
//send data to PHP----wait for response to update status div
hr.send(vars); //execute request
document.getElementById("status").innerHTML = "processing...";
}
这是我尝试过的另一种方法(代码在javascript函数中):
{
var name = document.getElementById('firstname').value;
var dataString = "name"+name;
$.ajax({
type: "post",
url: "validate.php",
data: dataString,
cache: false,
success: function (html) {
$('#result').html(html);
}
});
return false;
}
这是我的php文件,它将返回数据:
<?php
if(isset($_POST['firstname'])) {
$name = $_POST['firstname'];
echo 'Name:' . $name;
}
这是输入标签:
First name:<input id="firstname" name="firstname" type="text"><br>
我认为您的数据字符串不正确,您缺少一个"="
var dataString = "name"+name;
var dataString = "name="+name;
但你也可以尝试插入这样的对象:
$.ajax({
type: "post",
url: "validate.php",
data: {"name":name},
cache: false,
success: function (html) {
$('#result').html(html);
}
将您的代码包装在文档就绪语句中,点击表单提交按钮即可触发您的代码,不要忘记将jquery库添加到页面中
$(function(){
$('[type="submit"]').on('click',function(e){
e.preventDefault();
var name = $('#firstname').val();
var dataString = {name:name};
$.ajax({
type: "post",
url: "validate.php",
data: dataString,
cache: false,
success: function (html) {
$('#result').html(html);
}
});
});
});
相关文章:
- 如何在.js函数中检索来自其他模板的表单的目标值
- 有没有一种方法可以使用Javascript检索谷歌表单ITSELF(而不是电子表格)的数据
- 正在检索jquery函数中的表单
- html表单,它有文本和表,现在我想在一个简单的文本文件中保存和检索数据,如何实现它
- 在php中的同一网页上检索所选下拉项的值,并使用其他数据将其发布到其他表单
- 从 javascript 中动态创建的表单中检索输入
- 当用户检索表单时返回选中的复选框(Coldfusion)
- 在用户提交表单后显示数据(从API调用检索),而不刷新页面
- 如何在servlet中从动态html表单元素中检索值
- 当使用AJAX获取PHP文件以从MySQL数据库中检索数据时,会出现下拉表单disapering
- 尝试检索变量以检查表单是否有效
- 快速方法 Javascript/Jquery/etc 检索表单中包含的所有 aspnet:textbox (input)
- 使用 jquery 从表单中检索数据
- 从 JavaScript 检索表单提交的状态
- 如何在特定的时间跨度使用 AJAX 检索 php 表单
- JavaScript 从 target=_blank 提交的表单中检索窗口句柄
- 更新现有数据时检索引导模式表单中的复选框字段的值时出现问题
- 延迟表单提交,直到检索到位置
- Javascript 表单提交 prevent默认在使用 AJAX 检索表单时不起作用
- PHP/AAJAX POST表单检索