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

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

php中文网

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

原创

1029人浏览过

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

jQuery+PHP实现微信大转盘抽奖

微信大转盘抽奖-jQuery+PHP实现，发现很多转盘抽奖，都实现了前台部分，大部分都使用了HTML5技术，但是后台自己调整抽奖几率不方便，索性自己收集资料，在一个转盘抽奖的基础上，增加了PHP部分代码，可以对抽奖几率进行自定义，设置请参考data.php文件，相关部分给出了注释。

查看详情

复制代码代码如下:

 
//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); 
} 
} 
} 