尝试使用 ajax 和 jquery 序列化表单
Trying to serialize form with ajax and jquery
我正在尝试让这个表单通过 ajax 从 jquery 中的模态提交用户输入,但 ajax 调用没有获取用户输入。正在对服务器进行 ajax 调用,但是当我检查服务器是否已注册用户输入时,它是空白的。
HTML:
<body>
<div id="home">
<p>Home</p>
</div>
<div id="welcome">
<span>Welcome <?php echo $_SESSION['user']; ?></span>
</div>
<form id="form">
<p1>Please enter in your hotkey below</p1>
<input type="text" id="hotkey" placeholder="Hotkey">
<input id="submit" type="button" value="Submit">
</form>
<div id="keyshortcut">
<input type="text" id="keyshortcut" placeholder="hotkey">
</div>
<div id="select_button">
<button id="select-hotkey">Select Your Hotkey</button>
</div>
<div id="hotkeyselection">
<span>This is the hotkey you have selected:</span>
</div>
<div id="logout">
<a href="logout.php?logout">Log-Out</a>
</div>
<br>
</body>
Jquery:
$(function() {
dialog = $("#form").dialog({
autoOpen: false,
height: 250,
width: 350,
modal: true,
buttons: {
Cancel: function() {
dialog.dialog("close");
}
},
close: function() {
form[0].reset();
}
});
$("#select-hotkey").button().on("click", function() {
dialog.dialog("open");
});
阿贾克斯:
$(document).ready(function() {
$("#submit").click(function() {
var hotkey = $("#hotkey").val();
var dataString = 'hotkey=' + hotkey;
alert(dataString);
$.ajax({
type: "POST",
url: "submithotkey.php",
data: $("#form").serialize(),
success: function(result) {
alert(result);
}
});
});
});
.PHP
<?php
$con='';
$con= mysqli_connect("localhost","***","****","***");
$curr_user=$_SESSION['user'];
$data=$_POST['serialize'];
$hotkey=$data['hotkey'];
$query = "insert into users(Hotkey) values ('$hotkey',) where username='$curr_user'";
$run_query = mysqli_query($con, $query);
?>
您需要
为表单字段提供一个name=
值
$().serialize();
将按其name
创建一串参数
示例:http://jsbin.com/sowutafuju/edit?html,js,console,output
尝试在 ajax 中使用此数据结构
data:{hotkey:hotkey},
在 PHP 中,您可以使用以下方法获取数据:
$hotkey=$_POST['hotkey'];
相关文章:
- 尝试使用 jQuery 序列化() 一组输入字段
- 尝试使用 ajax 和 jquery 序列化表单
- 将 Codeigniter Form Validation 与 Jquery 序列化结合使用
- jQuery序列化多个表单并作为JSON发送
- jQuery 序列化嵌套表单
- Jquery 序列化 :尝试在不提交表单的情况下将表单状态传递给 ASP.NET MVC 控制器
- jQuery 序列化数据和 PHP $_POST 不匹配
- 使用jquery序列化无序列表
- 自定义jQuery序列化输出
- 要实现的jquery序列化方法
- AJAX Post和JQuery序列化
- 表单的JQuery序列化程序未在IE中激发
- 用jQuery序列化MVC表单
- Jquery序列化表单不初始化
- 我正在使用jquery序列化函数通过ajax提交表单
- 使用jQuery序列化UL菜单项
- 为什么jquery.序列化更改LF到CRLF
- jQuery序列化导致Safari JSON错误
- Jquery序列化并传入其他自定义帖子数据
- 使用rails的jQuery序列化对自定义id不起作用