jquery $.get 用法

最新推荐文章于 2025-07-05 19:50:58 发布

sixgod3

最新推荐文章于 2025-07-05 19:50:58 发布

阅读量897

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery 文章标签： jquery .get

本文链接：https://blog.youkuaiyun.com/u013526676/article/details/40893445

jquery 专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了如何利用jQuery的$.get方法实现与PHP页面的交互，通过表单元素的改变触发AJAX请求，并展示如何在PHP侧处理请求并返回响应数据。示例代码包括HTML表单的创建、JavaScript事件监听以及数据处理流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$.get 语法：

      $(selector).get(url,data,success(response,status,xhr),dataType)

url：是要请求数据的页面，这里用test.php做例子。

data：发送到url的参数，格式如 {p1:v1,p2:v2,...} ：号前是变量（类似于形参），后面是具体的值，也可以是当前页面的变量。

success：当请求成功时运行的函数，格式如(response,status,xhr) ：response是返回的数据，status是请求的状态；xhr包含XMLHttpRequest对象

datatype：数据类型，如 json，xml

注：改函数是$.ajax的简写形式

get.php

    echo"<table border='0.3' width='100%'>";
   echo"<tr><td bgcolor=\"#CCFF99\" width=\"2000\"><center> <input class='aa' id=\"yn\" name=\"D\" type=\"radio\" value=\"D1\" >同意";
    echo"&nbsp&nbsp&nbsp&nbsp<input class='aa' id=\"yn\" name=\"D\" type=\"radio\" value=\"D2\"   >指派";
    echo"&nbsp&nbsp&nbsp&nbsp<input class='aa' id=\"yn\" name=\"D\" type=\"radio\" value=\"D3\" >退回</center></td></tr>";
    echo"</table>";
   echo"<CENTER><TABLE><TR><TD bgcolor='#FFCC66' ALIGN=\"center\" COLSPAN=\"4\"><div id=\"div1\" >(请先选择)</div>";
    echo"</SELECT></TD></TR></TABLE></br>";

$(".aa").change( function() {
       var val = $("input[name='D']:checked").val();
       alert(val);
       $.get("test.php",{rger:"5", selected_val:val},succFunction);
   });

    function succFunction(data){
       $("#div1").html(data);
   }

});

</scropt>

test.php

<?
if($selected_val=='D1'){$temp='1';}
if($selected_val=='D2'){$temp='2';}
if($selected_val=='D3'){$temp='3';}
$qwer=$temp+'5';
echo "<select name='sdf'><option value=$qwer>".$qwer."</option><option>$rger</option><option>$chinese</option><option>$emp-$name_emp</option></select>";
?>

效果如下：