jQuery ajax表单上传图片&提交表格&保存MySQL数据库中的值

时间:2016-09-28 14:54:56

标签: javascript jquery mysql json ajax

我有一个HTML表单,我通过jquery提交。$ ajax();

表格必须: 1.使用ERROR-CHECKS将图像上传到目录 2.将图像路径保存到mysql DB 3.插入其他2个表单VALUES:输入+选择值到DB 4.提醒 - 成功,表格提交,如果两个图像上传和&成功提交给DB的值

M使用JSON进行尝试:

$.ajax({
url: 'submit.php',
type: 'POST',
data: data,
cache: false,
dataType: 'json',
processData: false, // Don't process the files
contentType: false, // Set content type to false as jQuery will tell the server its a query string request
success: function (data, textStatus, jqXHR) { 

// lots of bullshit code 

}

});

任何新的完整工作代码?哪些可以完成这些任务? 我已经发布了两个寻求JSON帮助的问题,但似乎没有人同意,与JSON作斗争。

//////////////////////// HTML格式代码//////////////////// ///////

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>

<body>

<form name="fb_form" id="fb_form" method="post" action="" enctype="multipart/form-data">
<table class="sm" border="1px solid #CCCCCC">
<tr>
<td><strong>Facebook</strong></td>
<td><input type="file" name="fb_icon" style="border: solid 1px #90D8CF;"
placeholder="Upload Image"></td>
<td><input type="text" name="fb_link" style="border: solid 1px #90D8CF;"
placeholder="Paste redirect link"></td>
<td>
<select name="show_fb" class="myselect">
<option value="">---Select---</option>
<option value="1">Show</option>
<option value="0">Hide</option>
</select>
</td>
<td>
<button class="myButton" type="submit" id="fb_submit">UPDATE</button>
</td>
</tr>
</table>
</form><!--------FB Form ends here------------>


</body>
</html>

///////////////////// submit.php中的基本MYSQL数据库结构代码///////////////// /////

$filename_wpath =  $imagepath;
    $fb_link = $_POST['fb_link'];
    $show_fb = $_POST['show_fb'];


$sql = "INSERT INTO `tblbasicheader`(fldFB_image, fldFB_link, fldHideShow)
                VALUES('$filename_wpath','$fb_link','$show_fb')";

mysqli_query($db_conx, $sql);

任何猜测,内部应该是什么好的代码:$ .ajax(); 感谢提前,作为一名代码战士:)

1 个答案:

答案 0 :(得分:0)

一个简单的Google搜索引导我使用jQuery这个demo app

P.S:如果谷歌找不到它,你可能会发现它错了。