PHP中,Json AJax传输数据

来源:互联网 发布:淘宝分销是什么意思 编辑:程序博客网 时间:2024/05/21 05:37

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所提交的数据成功的传递到scoreworkername中,进一步可用SQL语句提交到数据库。

原创粉丝点击