半路出家的人们更得努力!
get传输:
文件1:test1.php
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>6.ajax的get方法传输案例</title> <style type="text/css"> </style> </head> <body> <h3>ajax的get方法传输案例</h3> <p><label>输入要返回的数字:<input type="text" name="rows"></label></p> <p><button>GO</button></p> <!-- <script type="text/javascript" src="../js/jquery.js"></script> --> <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script> <script type="text/javascript"> //创建请求标志,防止重复请求 $('button').on('click',function(){ //第二点:处理用户的请求(Ajax实现) $.get( //1.请求处理的脚本 'test2.php', //2.发送的请求参数 { rows: $('input[name="rows"]').val(), }, //3.请求成功的回调函数 function(whl2) { $a=whl2; console.log($a);//在console栏里显示返回值 } ) }) </script> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
以下是第二个文件:test2.php
get传输 get传输 get传输
结果在test1的在console栏里显示返回值