使用jQuery轻松实现Ajax的实例代码_jquery-js教程-PHP中文网

使用jQuery轻松实现Ajax的实例代码_jquery

php中文网

发布： 2016-05-16 18:21:15

原创

1031人浏览过

生成Asp.Net MVC框架后，已经包含了jQuery脚本，相关环境设置可参看我的另一篇文章：Asp.Net MVC实例。这里，我们仍然借助实例中的环境。在生成的框架中的Scripts文件夹中已经可以看到jQuery的脚本。
我们在TestModel.cs中创建一个函数，以取得Json数据，仍然使用Tets表，包含两个字段：Id和Name。

带QQ和旺旺右侧悬浮在线客服

带QQ和旺旺右侧悬浮在线客服是一款非常实用的作品，实现了悬浮右侧带QQ和阿里旺旺的jquery在线客服特效，jquery代码量非常少，使用简单，移植过来就可以直接使用，主要是层的显示和隐藏功能、鼠标悬浮等。

查看详情

复制代码代码如下:

 
//JsonDataArray 
public static Array GetJsonArray(String name) 
{ 
Array data = null; 
try 
{ 
data = (from c in testDb.test 
where c.name.Contains(name) 
select new { c.id, c.name }).ToArray(); 
}catch(ArgumentNullException ae) 
{} 
return data; 
} 

Json数据，简单来说，即使用Key-Value数组形式的数据。然后按默认选项创建一个控制器，生成的控制器只有一个方法：Index()。我们再创建一个方法，以供jQuery调用。完成的代码如下：JQueryController.cs。注意：在MVC2.0中默认情况中禁止jQuery调用服务器数据，所以必须在代码中增加访问权限：JsonRequestBehavior.AllowGet。

复制代码代码如下:

 
using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.Mvc; 
using MvcWeb.Models; 
namespace MvcWeb.Controllers 
{ 
public class JQueryController : Controller 
{ 
// 
// GET: /JQuery/ 
public ActionResult Index() 
{ 
return View(); 
} 
public JsonResult FindByName(string name) 
{ 
return Json(TestModel.GetJsonArray(name), JsonRequestBehavior.AllowGet); 
} 
} 
} 