[英]passing data from javascript using ajax and saving it to a database
嗨,大家好,我目前有一個網站,允許用戶搜索網站,我想將這些搜索詞以及每次搜索的次數保存在數據庫中。 為此,我創建了一個具有兩列搜索的表,該表是varchar(30),而將值int(30)搜索設置為唯一,因此實例設計的術語不會填充兩行,但是當我運行程序時卻什么也沒有正在保存到數據庫中,我想知道是否有人可以幫助您。
javascript
function performSearch() {
var searchURL = "http://api.lmiforall.org.uk/api/v1/soc/search?q=";
var searchTerms = $('#searchterm').val();
var searchReady = searchTerms.toLowerCase();
$.ajax({
type: "POST",
url: 'findfavourites.php',
data: {searchReady : searchReady},
success: function(data)
{
alert("success!");
}
});
$('#soctable tbody').empty();
$.getJSON(searchURL + searchReady, function(results) {
results.forEach(function (result) {
var row = $("<tr></tr>");
var codeCell = $("<td></td>");
var titleCell = $("<td></td>");
var descriptionCell = $("<td></td>");
var qualificationsCell = $("<td></td>");
var tasksCell = $("<td></td>");
codeCell.html(result.soc);
titleCell.html(result.title);
descriptionCell.html(result.description);
qualificationsCell.html(result.qualifications);
tasksCell.html(result.tasks);
row.append(codeCell);
row.append(titleCell);
row.append(descriptionCell);
row.append(qualificationsCell);
row.append(tasksCell);
$('#soctable tbody').append(row);
});
});
}
$(function() {
// when the page is loaded
$('#dosearch').on('click', performSearch);
});
的PHP
<?php
include 'includes/dbConnection.php';
if(isset($_POST['searchReady']))
{
$uid = $_POST['searchReady'];
$value='1';
$query=$conn->prepare("INSERT INTO favourites VALUES ('$uid','$value') ON DUPLICATE KEY UPDATE value = VALUES(value + 1");
$query->execute();
$conn = null;
}
?>
任何幫助將不勝感激,謝謝。
編輯
@PHPglue
我確定您要的是getjson返回結果的頁面(如果是),這是html頁面
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, intial-scale=1">
<title>Homepage</title>
<link href="styleSheet.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="jquery-3.1.1.js"></script>
<script type="text/javascript" src="soc.js"></script>
</head>
<body>
<div id="page">
<nav>
<ul>
<li><a href="index.html">Home Page</a></li>
<li><a href="careers.html">Careers</a>
<ul>
<li><a href="#">Careers and Apprenticeships</a></li>
</ul>
</li>
</ul>
</nav>
<header>
<h1><u>Careers and Apprenticeships</u></h1>
</header>
<div class="container">
<div class="row">
<div class="col-sm-12">
<input class="form control" type="text" id="searchterm" placeholder="Put your search term here...">
<button class="btn btn-primary" id="dosearch">Search!</button>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-12">
<table class="table table-striped" id="soctable">
<thead>
<tr>
<th>SOC Code</th>
<th>Job Title</th>
<th>Description</th>
<th>Qualifications</th>
<th>Tasks</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
<footer>
</footer>
</body>
</html>
編輯2
大家好,我發現ajax在工作,問題是由ON DUPLICATE KEY UPDATE引起的,任何人都可以檢查語法並告訴我是否遇到任何問題。 就像我上面說過的,我希望當搜索相同的術語時將該值更新為2,依此類推。
嘗試將sql行修改為:
$query=$conn->prepare("INSERT INTO favourites
VALUES ('$uid','$value')
ON DUPLICATE KEY UPDATE value = value + 1");
希望這可以幫助 :)
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.