PHP中，Json AJax传输数据

最新推荐文章于 2023-03-08 09:53:14 发布

第一范式

最新推荐文章于 2023-03-08 09:53:14 发布

阅读量453

点赞数

文章标签： php ajax json

本文链接：https://blog.csdn.net/qq_38321147/article/details/78649471

版权

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语句提交到数据库。

第一范式

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
PHP中，Json AJax传输数据

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> $(docum
复制链接

扫一扫