HTML部分:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
<script>
$(document).ready(function(){
$("#send").click(function(){
var score=$("#score").val();
var workername=$("#workername").val();
console.log(score);
$.ajax({
type:"post", //传输类型
url:"ajax.php", //目标地址
data:{'score':score,'workername':workername},
//需要传的数据:键值对
datatype:"json",
success : function(data){
alert('success');
},
error:function(data){
alert('fail');
},
});
});
});
</script>
</head>
<body>
<div align="center">
score:<input type="text" id="score">
workername:<input type="text" id="workername">
<input type="button" id="send" value="send">
</div>
</body>
</html>
前端效果:
PHP部分:
<?php
header('content-type=text/html;charset=utf-8');
include "config.php";
$score=$_POST['score'];
$workername=$_POST['workername'];
?>
此时,HTML所提交的数据成功的传递到 score和 workername中,进一步可用SQL语句提交到数据库。