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

load(url,data,callback)方法从服务器加载数据,并将返回的HTML放入匹配的元素中。

load( url, [data], [callback] ) - 语法

[selector].load( url, [data], [callback] )

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

  • url          -  包含请求发送到的URL的字符串。

  • data       -  此可选参数表示随请求发送的数据映射。

  • callback -  此可选参数表示如果请求成功将执行的功能

load( url, [data], [callback] ) - 示例

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

THIS IS RESULT...

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


   
      </span><span class="pln">The jQuery Example</span><span class="tag">
       type="text/javascript" 
         src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      
		
       type="text/javascript" language="javascript">
         $(document).ready(function() {
            $("#driver").click(function(event){
               $(#stage).load(result.html);
            });
         });
      
   
	
   
      

Click on the button to load result.html file:

id="stage" style="background-color:cc0;"> STAGE
type="button" id="driver" value="Load Data" />

这应该产生以下输出-

jQuery 中的 load( url, data, callbac - 无涯教程网无涯教程网提供load(url,data,callback)方法从服务器加载数据,并将返回的HTML放入匹配的元素中。...https://www.learnfk.com/jquery/ajax-load.html

你可能感兴趣的:(无涯教程,jquery)