我有一个php / Ajax /
Jquery脚本,该脚本将一个表单字段插入MySQL,并在您单击Submit时更新页面而不刷新。我希望脚本提交四个表单字段,而不只是一个。
我已经add_delete_record
用3个其他字段更新了数据库表: 余额,account_number 和 month
,以及已经存在的内容字段。
下面可能是代码的过大杀伤力,因为我只需要修改几行,但是我认为这可以回答所有问题。
这是php&html页面:
<div class="content_wrapper">
<ul id="responds">
<?php
//include db configuration file
include_once("config.php");
//MySQL query
$Result = mysql_query("SELECT id,content FROM add_delete_record");
//get all records from add_delete_record table
while($row = mysql_fetch_array($Result))
{
echo '<li id="item_'.$row["id"].'">';
echo '<div class="del_wrapper"><a href="#" class="del_button" id="del-'.$row["id"].'">';
echo '<img src="images/icon_del.gif" border="0" />';
echo '</a></div>';
echo $row["content"].'</li>';
}
//close db connection
mysql_close($connecDB);
?>
</ul>
<div class="form_style">
<textarea name="content_txt" id="contentText" cols="45" rows="5"></textarea>
<button id="FormSubmit">Add record</button>
</div>
</div>
这是它发布到的php:
<?php
//include db configuration file
include_once("config.php");
//check $_POST["content_txt"] is not empty
if(isset($_POST["content_txt"]) && strlen($_POST["content_txt"])>0)
{
//sanitize post value, PHP filter FILTER_SANITIZE_STRING, FILTER_FLAG_STRIP_HIGH
$contentToSave = filter_var($_POST["content_txt"],FILTER_SANITIZE_STRING, FILTER_FLAG_STRIP_HIGH);
// Insert sanitize string in record
if(mysql_query("INSERT INTO add_delete_record(content) VALUES('".$contentToSave."')"))
{
//Record is successfully inserted, respond to ajax request
$my_id = mysql_insert_id(); //Get ID of last inserted record from MySQL
echo '<li id="item_'.$my_id.'">';
echo '<div class="del_wrapper"><a href="#" class="del_button" id="del-'.$my_id.'">';
echo '<img src="images/icon_del.gif" border="0" />';
echo '</a></div>';
echo $contentToSave.'</li>';
mysql_close($connecDB);
}else{
//output error
//header('HTTP/1.1 500 '.mysql_error());
header('HTTP/1.1 500 Looks like mysql error, could not insert record!');
exit();
}
}
elseif(isset($_POST["recordToDelete"]) && strlen($_POST["recordToDelete"])>0 && is_numeric($_POST["recordToDelete"]))
{//do we have a delete request? $_POST["recordToDelete"]
//sanitize post value, PHP filter FILTER_SANITIZE_NUMBER_INT removes all characters except digits, plus and minus sign.
$idToDelete = filter_var($_POST["recordToDelete"],FILTER_SANITIZE_NUMBER_INT);
//try deleting record using the record ID we received from POST
if(!mysql_query("DELETE FROM add_delete_record WHERE id=".$idToDelete))
{
//If mysql delete record was unsuccessful, output error
header('HTTP/1.1 500 Could not delete record!');
exit();
}
mysql_close($connecDB);
}else{
//Output error
header('HTTP/1.1 500 Error occurred, Could not process request!');
exit();
}
?>
这是jQuery
$(document).ready(function() {
//##### Add record when Add Record Button is clicked #########
$("#FormSubmit").click(function (e) {
e.preventDefault();
if($("#contentText").val()==="") //simple validation
{
alert("Please enter some text!");
return false;
}
var myData = "content_txt="+ $("#contentText").val(); //post variables
jQuery.ajax({
type: "POST", // HTTP method POST or GET
url: "response.php", //Where to make Ajax calls
dataType:"text", // Data type, HTML, json etc.
data:myData, //post variables
success:function(response){
$("#responds").append(response);
$("#contentText").val(''); //empty text field after successful submission
},
error:function (xhr, ajaxOptions, thrownError){
alert(thrownError); //throw any errors
}
});
});
//##### Delete record when delete Button is clicked #########
$("body").on("click", "#responds .del_button", function(e) {
e.preventDefault();
var clickedID = this.id.split("-"); //Split string (Split works as PHP explode)
var DbNumberID = clickedID[1]; //and get number from array
var myData = 'recordToDelete='+ DbNumberID; //build a post data structure
jQuery.ajax({
type: "POST", // HTTP method POST or GET
url: "response.php", //Where to make Ajax calls
dataType:"text", // Data type, HTML, json etc.
data:myData, //post variables
success:function(response){
//on success, hide element user wants to delete.
$('#item_'+DbNumberID).fadeOut("slow");
},
error:function (xhr, ajaxOptions, thrownError){
//On error, we alert user
alert(thrownError);
}
});
});
});
这不是我的脚本,所以我认为我也应该提供一个链接以感谢其作者:http : //www.sanwebe.com/2012/04/ajax-add-delete-
sql-records-jquery-php
我不是php专家,但这应该可以帮助您:
首先更改主页上的表单区域:
<div class="form_style">
<textarea name="content_txt" id="contentText" cols="45" rows="5"></textarea><br/>
<input type="text" id="balance" /><br/>
<input type="text" id="acctNum" /><br/>
<input type="text" id="monthly" /><br/>
<button id="FormSubmit">Add record</button>
</div>
那么您的myData看起来像这样:
var myData = {
content_txt: $("#contentText").val(),
balance: $("#balance").val(),
acctNum: $("#acctNum").val(),
monthly: $("#monthly").val()
};
然后在ajax响应中:
$("#contentText").val(''); //empty text field after successful submission
$("#balance").val('');
$("#acctNum").val('');
$("#monthly").val('');
最后是PHP:
//sanitize post value, PHP filter FILTER_SANITIZE_STRING, FILTER_FLAG_STRIP_HIGH
$content = filter_var($_POST['content_txt'],FILTER_SANITIZE_STRING, FILTER_FLAG_STRIP_HIGH);
$balance = filter_var($_POST['balance'],FILTER_SANITIZE_STRING, FILTER_FLAG_STRIP_HIGH);
$account = filter_var($_POST['acctNum'],FILTER_SANITIZE_STRING, FILTER_FLAG_STRIP_HIGH);
$monthly = filter_var($_POST['monthly'],FILTER_SANITIZE_STRING, FILTER_FLAG_STRIP_HIGH);
$qry= "INSERT INTO add_delete_record(content,balance,account,monthly) VALUES('".$content."','".$balance."','".$account."','".$monthly."')";
// Insert sanitize string in record
if(mysql_query("INSERT INTO add_delete_record(content,balance,account,monthly) VALUES('".$content."','".$balance."','".$account."','".$monthly."')"))
{
//Record is successfully inserted, respond to ajax request
$my_id = mysql_insert_id(); //Get ID of last inserted record from MySQL
echo '<li id="item_'.$my_id.'">';
echo '<div class="del_wrapper"><a href="#" class="del_button" id="del-'.$my_id.'">';
echo '<img src="images/icon_del.gif" border="0" />';
echo '</a></div>';
echo $content.'</li>';
mysql_close($connecDB);
}else{
//output error
//header('HTTP/1.1 500 '.mysql_error());
header('HTTP/1.1 500 Looks like mysql error, could not insert record!');
exit();
}
Ajax表单发布到php脚本,但php脚本中的$\u POST为空 我有一个通过ajax发布数据的联系我们表单。在表单上,提交ajax将数据发布到PHP脚本中,但是PHP脚本中的$_POST总是空的。头被发送,请求有效载荷有我需要的所有帖子信息,但在PHP脚本中,$_POST是空的。 超文本标记语言 JQUERY PHP $\u POST始终返回null,但我想获取发布的名称和地址值。
问题内容: 我有一个MVC视图,其中包含使用Ajax.BeginForm()帮助器方法构建的表单,并且正在尝试使用jQuery Validation插件 来验证用户输入。我得到了该插件,以突出显示输入数据无效的输入,但是尽管输入无效,但表单仍被发布到服务器。 如何停止此操作,并确保仅在表单验证后才发布数据? 我的密码 表格: JavaScript验证: 编辑: 由于我在发布后续问题及其答案解决方案
问题内容: 大家好,我知道,如果页面上只有一个表单,很容易提交表单而无需刷新,但是如果页面上有多个表单怎么办。我使用以下代码提交表单,如果页面上只有一个表单,它可以正常工作。当页面上有多个表单时,如何更改它以使其正常工作。提前致谢。 问题答案: 只需自定义函数并添加参数即可在函数内获取表单数据以进行传递
我有几个函数,我根据ajax调用中的列表填充下拉列表: 现在,在下拉列表被填充后,我想选择一个特定的项目,但要获得这个项目,我需要另一个ajax,如: 主要功能基本上是: 问题是,在< code>fillUpdateDropDown完成之前,已经到达了< code>getDefaultDetails的< code>success回调(dropdowns可能有很多项)。 我试图理解回调,但在我的情况
问题内容: 我在文件夹和tmx文件中有3个python脚本和许多图像,我想将其作为单个.exe。我无法找到如何将多个python脚本和文件夹转换为单个exe。我只能为单个python脚本找到cxfreeze和类似的东西。请帮忙。 提前致谢。 问题答案: 在cxfreeze中创建一个setup.py文件。您必须在cxfreeze可执行文件中将多个pyhton文件作为列表传递。引用此线程- 适用于两个
问题内容: 这是我的ajaxHandler,我想将此转换为本地javascript,即使用XMLHttpRequest,但我不明白如何转换。 我已经尝试像这样转换上面的代码 问题答案: 我提取了Jquery的ajax函数,无需使用jquery就可以工作。 并替换为 没有JQuery的JQuery的ajax函数: