如何使用Ajax提交数据并显示结果而不刷新

时间:2018-08-23 12:37:55

标签: javascript php jquery html ajax

编辑: 解决了。谢谢大家的帮助。 :)


编辑: 您的建议有效。现在的问题是,在第一次找到并显示找到的结果之后,无论我接下来要尝试什么,找到的集都保持不变。即使重新启动浏览器。找到的数据是否有可能保留在服务器缓存中的某处并显示为结果?


我正在尝试使用jquery从表单向php文件发送数据,然后在其中处理数据,然后显示结果。

按提交后,没有任何反应。控制台中没有错误。 在添加jquery之前一切正常,但是之后没有任何结果。

我的HTML:

<html>
<head>
<script 
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 
</script>
</head>

<body>
<form id="my_form">
Imie: <br/> <input name="name" id="firstname" type="text" /><br />
<input id="submit_form" type="submit" value="Submit">
</form>

<div id="update_div"></div>

<script>
var submit_button = $('#submit_form');

submit_button.click(function() {
var var_name = $('firstname').val();
var update_div = $('#update_div');
console.log('zmienna var_name ' + var_name);
console.log('zmienna update_div ' + update_div);
$.ajax({
    type: 'GET',
    url: 'test.php',
    data: var_name,   
    success: function(response){
       update_div.html(response);
    }
});
});
</script>
</body>
</html>

我的PHP:

<?php

require 'db_handler.php';

$criterion_name = $_GET['name'];

$query = $fm->newFindCommand("OFERTY tabela");
$query->addFindCriterion('kontrahent_opiekun', "=" . $criterion_name);
$result = $query->execute();

if(FileMaker::isError($result)){
echo($result->getMessage());
return;
}
$i = 0;
// Get array of found records
$records = $result->getRecords();
foreach ($records as $record) {
echo $record->getField('_kp_oferta') . " - ";
echo $record->getField('kontrahent_Skrot') . " - ";
echo $record->getField('kontrahent_opiekun') . '</br>';
$i++;
}
echo $i . " Pozycje";

?>

0 个答案:

没有答案