jQuery简单的Ajax调用示例 (推荐)

jQuery确实方便,下面做个简单的Ajax调用:

建立一个简单的html文件:

复制代码





    

    
        

通过 AJAX 改变文本

复制代码

好了,点击按钮就可以看到效果了。

当然,jQuery的Ajax调用可以控制项很多,这里演示了简单的调用。

注意你自己的jquery引用路径。

 

好吧,做一个调用后台的例子:

复制代码





    

    
        

通过 AJAX 改变文本

复制代码

后台代码:

 
  

现在已经可以从后台来获取数据了!

 

当然,我们还可以这样来调用Ajax:

复制代码





    

    
        

通过 AJAX 改变文本

复制代码

 

注意,

success: function(data)

中的data参数可以改为别的名称,比如success: function(msg),msg(data)为返回的数据。 此处为回调函数的参数,而非

data: "name=garfield&age=18"

中的Ajax调用中的data参数。

你可能感兴趣的:(jquery)