无涯教程-jQuery - jQuery.get( url, data, callback, type )方法函数

jQuery.get(url，[data]，[callback]，[type])方法使用GET HTTP请求从服务器加载数据。

该方法返回XMLHttpRequest对象。

jQuery.get( url, [data], [callback], [type] ) - 语法

$.get( url, [data], [callback], [type] )

这是此方法使用的所有参数的描述-

url - 包含请求发送到的URL的字符串
data - 此可选参数表示将发送到服务器的键/值对。
callback - 此可选参数表示成功加载数据时将执行的功能。
type - 此可选参数表示要返回给回调函数的数据类型:" xml"，" html"，" script"，" json"，" jsonp"或"文本"。

jQuery.get( url, [data], [callback], [type] ) - 示例

假设无涯教程在result.php文件中包含以下PHP内容-

<?php
if( $_REQUEST["name"] ) {
 $name</span><span class="pun">=</span><span class="pln">$ _REQUEST[name];
echo "Welcome ". $name;
}
?>

以下是一个简单的示例，简单说明了此方法的用法-

<html>
   <head>
      <title>The jQuery Example</title>
      <script type="text/javascript" 
         src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>
  </span><span class="tag">&lt;script</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="pln"> </span><span class="atn">language</span><span class="pun">=</span><span class="atv">"javascript"</span><span class="tag">&gt;</span><span class="pln">
     $</span><span class="pun">(</span><span class="pln">document</span><span class="pun">).</span><span class="pln">ready</span><span class="pun">(</span><span class="kwd">function</span><span class="pun">()</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
		
        $</span><span class="pun">(</span><span class="str">"#driver"</span><span class="pun">).</span><span class="pln">click</span><span class="pun">(</span><span class="kwd">function</span><span class="pun">(</span><span class="pln">event</span><span class="pun">){</span><span class="pln">
           $</span><span class="pun">.</span><span class="kwd">get</span><span class="pun">(</span><span class="pln"> 
              </span><span class="str">"result.php"</span><span class="pun">,</span><span class="pln">
              </span><span class="pun">{</span><span class="pln"> name</span><span class="pun">:</span><span class="pln"> </span><span class="str">"Zara"</span><span class="pln"> </span><span class="pun">},</span><span class="pln">
              </span><span class="kwd">function</span><span class="pun">(</span><span class="pln">data</span><span class="pun">)</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
                 $</span><span class="pun">(</span><span class="str">#stage</span><span class="pun">).</span><span class="pln">html</span><span class="pun">(</span><span class="pln">data</span><span class="pun">);</span><span class="pln">
              </span><span class="pun">}</span><span class="pln">
           </span><span class="pun">);</span><span class="pln">
        </span><span class="pun">});</span><span class="pln">
			
     </span><span class="pun">});</span><span class="pln">
  </span><span class="tag">&lt;/script&gt;</span><span class="pln">	

</head>
<body>
<p>Click on the button to load result.html file -</p>
  </span><span class="tag">&lt;span</span><span class="pln"> </span><span class="atn">id</span><span class="pun">=</span><span class="atv">"stage"</span><span class="pln"> </span><span class="atn">style</span><span class="pun">=</span><span class="atv">"</span><span class="pln">background</span><span class="pun">-</span><span class="pln">color</span><span class="pun">:#</span><span class="pln">cc0</span><span class="pun">;</span><span class="atv">"</span><span class="tag">&gt;</span><span class="pln">
     STAGE
  </span><span class="tag">&lt;/span&gt;</span><span class="pln">
	
  </span><span class="tag">&lt;div&gt;&lt;input</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"button"</span><span class="pln"> </span><span class="atn">id</span><span class="pun">=</span><span class="atv">"driver"</span><span class="pln"> 
     </span><span class="atn">value</span><span class="pun">=</span><span class="atv">"Load Data"</span><span class="pln"> </span><span class="tag">/&gt;&lt;/div&gt;</span><span class="pln">

</body>
</html>

这应该产生以下输出-

无涯教程-jQuery - jQuery.get( url, data, callback, type )方法函数

jQuery.get( url, [data], [callback], [type] ) - 语法

jQuery.get( url, [data], [callback], [type] ) - 示例

参考链接