Ajax提交表單數(shù)據(jù)到入庫(kù)的全盤操作過程是怎樣的

發(fā)布時(shí)間：2021-10-08 11:29:05 來源：億速云閱讀：87 作者：柒染欄目：web開發(fā)

Ajax提交表單數(shù)據(jù)到入庫(kù)的全盤操作過程是怎樣的，相信很多沒有經(jīng)驗(yàn)的人對(duì)此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個(gè)問題。

*******php項(xiàng)目中當(dāng)我們要對(duì)數(shù)據(jù)庫(kù)進(jìn)行寫入操作時(shí),有時(shí)會(huì)因?yàn)榇a沒有做防sql注入工作，導(dǎo)致各種不可預(yù)知的錯(cuò)誤*******

1，index.htm 這是一個(gè)很簡(jiǎn)單的注冊(cè)頁面l 我這是以ajax形式提交數(shù)據(jù)

復(fù)制代碼代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>RegisterForm</title>
<script type="text/javascript" src='jquery-1.3.1.js'></script>
</head>
<body>
<h2>This is a test form! </h2>
<font color="#8b0000"><table class='tb' border="0" cellpadding="5" cellspacing=0>
<form action='_process.php' method='post' enctype='multipart/form-data'>
<tr><td class="tdleft"><em>user :</em></td><td><input type='text' id='name' name='name' value='' size=15/></td></tr>
<tr><td class="tdleft"><em>ages : </em></td><td><input type='text' id='ages' name='ages' value='' size=15/></td></tr>
<tr><td class="tdleft"><em>pass : </em></td><td><input type='password' id='password' name='password' value='' size=15/></td></tr>
<tr><td class="tdleft"><em>addr : </em></td><td><input type='text' id='addr' name='addr' value='' size=15/></td></tr>
<tr><td class="tdleft"><em>email : </em></td><td><input type='text' name='email' id='email' value='' size=15/></td></tr>
<tr><td class="tdleft"><input type='button' value='register' id="but"/></td><td><input type='reset' value='reseting'/></td></tr>
</form>
</table></font>
<span id='msg' style='display:none'>正在加載... ...</span>
<p id="result" class=""></p>
<style type="text/css">
body{text-align:center;}
.error{color:red;}
.tb{margin:0 auto;width:350px;height:200px;text-align:center;}
.tdleft{width:150px;text-align:left;}
</style>
<script type='text/javascript'>
$("#but").click(function(){
var name = $.trim($("#name").val());
var ages = $.trim($("#ages").val());
var pn = /^\d+$/;
var addr = $.trim($("#addr").val());
var pass = $.trim($("#password").val());
var email = $.trim($("#email").val());
var reg = /^[a-zA-Z0-9_]+@[a-zA-Z0-9_]+(\.[a-zA-Z]+)+$/gi;
if(name.length==0){
alert("請(qǐng)認(rèn)真填寫姓名!");return false;
}
if(ages.length==0){
alert("請(qǐng)?zhí)顚懩挲g!");return false;
}
if(!pn.test(ages)){
alert("請(qǐng)?zhí)顚懹行?shù)字!");return false;
}
if(pass.length==0||pass.length>6){
alert("請(qǐng)認(rèn)真填寫密碼!");return false;
}
if(addr.length==0){
alert("請(qǐng)認(rèn)真填寫地址!");return false;
}
if(email.length==0){
alert("請(qǐng)認(rèn)真填寫郵件!");return false;
}
if(!reg.test(email)){
alert("電子郵件檢測(cè)失敗");return false;
}
var send = {'name':name,'ages':ages,'pass':pass,'addr':addr,'email':email};
$.post('_process.php',send,function(data){
if(data.res==-1){
$("#result").addClass("error");
}
$("#result").html(data.msg);
//$("form")[0].reset();
},'json');
})
$("#msg").ajaxStart(function(){
$(this).fadeIn();
}).ajaxStop(function(){
$(this).fadeOut();
})
</script>
</body>
</html>

2,_process.php接收ajax提交數(shù)據(jù) 并做相關(guān)處理的文件

復(fù)制代碼代碼如下:

<?php
header('Content-Type:text/html;charset=utf-8');
sleep(1);
$conn = mysqli_connect("localhost","root","root","register") or die("Unable to connect!".mysqli_connect_error());
mysqli_query($link,"set names utf8");

$name = isset($_POST['name'])?mysqlQuotes(trim($_POST['name'])):'';
$ages = isset($_POST['ages'])?intval(trim($_POST['ages'])):'';
$pass = isset($_POST['pass'])?mysqlQuotes(trim($_POST['pass'])):'';
$addr = isset($_POST['addr'])?mysqlQuotes(trim($_POST['addr'])):'';
$email = isset($_POST['email'])?mysqlQuotes(trim($_POST['email'])):'';
if(empty($name)){
echo json_encode(array('res'=>-1,'msg'=>'請(qǐng)您認(rèn)真輸入姓名'));exit;
}
//查詢username在 tb_register 表中是否存在,不存在則入庫(kù),存在則告知已注冊(cè)
$sql0 = "select count(1) as nums from tb_register where username='{$name}'";
$row0 = select_one($conn,$sql0);
if($row0['nums']>=1){
echo json_encode(array('res'=>-1,'msg'=>'對(duì)不起,該用戶名已被注冊(cè)!'));exit;
}
if(empty($ages)){
echo json_encode(array('res'=>-1,'msg'=>'請(qǐng)您認(rèn)真輸入年齡'));exit;
}
if(!preg_match("/^\d+$/",$ages)){
echo json_encode(array('res'=>-1,'msg'=>'請(qǐng)輸入合法的數(shù)字'));exit;
}
if(empty($pass)){
echo json_encode(array('res'=>-1,'msg'=>'請(qǐng)您認(rèn)真輸入密碼'));exit;
}
if(empty($addr)){
echo json_encode(array('res'=>-1,'msg'=>'請(qǐng)您認(rèn)真輸入地址'));exit;
}
if(empty($email)){
echo json_encode(array('res'=>-1,'msg'=>'請(qǐng)您認(rèn)真輸入郵箱'));exit;
}
if(!preg_match("/^[a-zA-Z0-9_]+@[a-zA-Z0-9_]+(\.[a-zA-Z]+)+$/",$email)){
echo json_encode(array('res'=>-1,'msg'=>'您的郵箱格式不正確'));exit;
}
$add_day = date("YmdHis");

//以下是入庫(kù)操作
$sql = "insert into tb_register set username='{$name}',ages='{$ages}',password='{$pass}',address='{$addr}',email='{$email}',add_day='{$add_day}'";
mysqli_query($conn,$sql);
echo json_encode(array('res'=>1,'msg'=>'恭喜你,注冊(cè)成功!'));exit;

//預(yù)防m(xù)ysql注入攻擊函數(shù) 入庫(kù)數(shù)據(jù)
function mysqlQuotes($content){
if(!get_magic_quotes_gpc()) //先看看是否開啟自動(dòng)過濾機(jī)制未開啟則手動(dòng)加函數(shù)過濾
{
$content = addslashes($content);
}
return stripslashes(htmlspecialchars($content));
}

function select_one($conn,$sql){
$res = mysqli_query($conn,$sql) or die("Failed".mysqli_error());
$result = array();
if(!empty($res)){
$result = mysqli_fetch_assoc($res);
}
mysqli_free_result($res);
return $result;
}

******以上自定義函數(shù)mysqlQuotes中**********
Tips1, （PS：T不錯(cuò)的PHP Q扣峮：276167802，驗(yàn)證：csl）
addslashes 函數(shù)的作用是給指定的字符加上反斜杠，主要有以下特殊字符
單引號(hào)(') , 雙引號(hào)(") , 反斜杠(\) , NULL

Tips2,
htmlspecialchars 函數(shù)的作用是把一些特殊的字符轉(zhuǎn)換為html實(shí)體 ,這些特定的字符有：
& (和號(hào)) ==> &
" (雙引號(hào)) ==> "
' (單引號(hào)) ==> '
< (小于號(hào)) ==> <
> (大于號(hào)) ==> >

Tips3,
stripslashes 函數(shù)作用是刪除由addslashes ()函數(shù)添加的飯斜杠,恢復(fù)原來的摸樣
如，$username 用戶輸入的是 Tom‘siy
存進(jìn)數(shù)據(jù)庫(kù)的是加反斜杠的 Tom\‘siy;

取出來之則可以用stripslashes() 將其還原輸出 Tom‘siy

看完上述內(nèi)容，你們掌握Ajax提交表單數(shù)據(jù)到入庫(kù)的全盤操作過程是怎樣的的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問一下細(xì)節(jié)

Ajax提交表單數(shù)據(jù)到入庫(kù)的全盤操作過程是怎樣的

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽