php实现前后端交互(示例步骤)(2)

第一步:先在你创建的网站php上的根目录下创建一个html

 第二步:写上html代码  url地址改成你自己的名 (下面有代码)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
</head>
<body>
    <script>
        $.ajax({
            url:"http://my.com/index.php", 
            type:"GET",
            data:{
                name:'1234',
            },
            success:function(res){
                console.log(res);
            }
        })
    </script>
</body>
</html>

第三步:在你的index.php上写入这些   记得保存!!!

 第四步:把html加在网址上控制台就会打印出你写的东西   就完成了  

  • 2
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
EasyUI 是一个基于 jQuery 的 UI 插件库,用于简化 Web 应用程序的端开发。前后端交互实现 Web 应用程序的关键之一。以下是 EasyUI 实现前后端交互步骤: 1. 端页面中使用 EasyUI 组件,例如 datagrid、form 等。 2. 在JavaScript 中使用 Ajax 技术,向后端发送数据请求。 3. 后端接收请求,并根据请求的参数进行相应的处理。 4. 后端处理完成后,将处理结果返回给端。可以使用 JSON 格式返回数据。 5. JavaScript 接收到后端返回的数据,根据数据进行相应的操作。 下面是一个示例代码,实现了在 EasyUI datagrid 中显示后端返回的数据。 端代码: ```html <div class="easyui-datagrid" id="datagrid"></div> <script> $(function(){ $('#datagrid').datagrid({ url: 'backend.php?action=get_data', columns:[[ {field:'id',title:'ID'}, {field:'name',title:'Name'}, {field:'age',title:'Age'}, ]], }); }); </script> ``` 后端代码(backend.php): ```php <?php $action = $_GET['action']; if ($action == 'get_data') { $data = array( array('id'=>1, 'name'=>'Tom', 'age'=>20), array('id'=>2, 'name'=>'Jerry', 'age'=>18), array('id'=>3, 'name'=>'Marry', 'age'=>22), ); echo json_encode($data); } ?> ``` 在上面的代码中,端页面使用了 EasyUI datagrid 组件,并指定了一个 url 属性,该属性指向后端 PHP 文件 backend.php,并传递了一个参数 action=get_data。后端 PHP 文件根据参数 action 的值,返回相应的数据。JavaScript 接收到后端返回的数据后,会自动将数据渲染到 datagrid 中。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值