package com.gomall.bean;
/***
 * 產(chǎn)品
 * 
 * @author Administrator
 *
 */
public class Product {
 /** 編號(hào) */
 private int id;
 /** 名稱(chēng) */
 private String name;
 /** 價(jià)格 */
 private double price;
 /** 圖片 */
 private String picture;
 /** 詳細(xì) */
 private String detail;
 @Override
 public String toString() {
 return "Product [id=" + id + ", name=" + name + ", price=" + price + ", picture=" + picture + ", detail="
 + detail + "]";
 }
 public Product(int id, String name, double price, String picture) {
 super();
 this.id = id;
 this.name = name;
 this.price = price;
 this.picture = picture;
 }
 public Product(int id, String name, double price, String picture, String detail) {
 super();
 this.id = id;
 this.name = name;
 this.price = price;
 this.picture = picture;
 this.detail = detail;
 }
 public int getId() {
 return id;
 }
 public void setId(int id) {
 this.id = id;
 }
 public String getName() {
 return name;
 }
 public void setName(String name) {
 this.name = name;
 }
 public double getPrice() {
 return price;
 }
 public void setPrice(double price) {
 this.price = price;
 }
 public String getPicture() {
 return picture;
 }
 public void setPicture(String picture) {
 this.picture = picture;
 }
 public String getDetail() {
 return detail;
 }
 public void setDetail(String detail) {
 this.detail = detail;
 }
}

package com.gomall.service;
import java.util.List;
import com.gomall.bean.Product;
public interface IProductService {
 /**獲得所有*/
 List<Product> getAll();
 /**添加
 * @return */
 boolean add(Product entity);
 /**根據(jù)編號(hào)獲得產(chǎn)品對(duì)象*/
 Product findById(int id);
 /**根據(jù)編號(hào)獲得產(chǎn)品對(duì)象
 * @return */
 boolean deleteById(int id);
}

package com.gomall.service;
import java.util.ArrayList;
import java.util.List;
import java.util.Random;
import com.gomall.bean.Product;
public class ProductService implements IProductService {
 public static ArrayList<Product> products;
 static {
 products = new ArrayList<>();
 Random random = new Random();
 for (int i = 1; i <= 10; i++) {
 Product product = new Product(i, "華為Mate9MHA-AL00/4GB RAM/全網(wǎng)通華為超級(jí)閃充技術(shù)雙后攝設(shè)計(jì)" + random.nextInt(999), random.nextDouble() * 1000,
 "pic(" + i + ").jpg", "產(chǎn)品詳細(xì)");
 products.add(product);
 }
 }
 /*
 * (non-Javadoc)
 * 
 * @see com.gomall.service.IProductService#getAll()
 */
 @Override
 public List<Product> getAll() {
 return products;
 }
 /*
 * (non-Javadoc)
 * 
 * @see com.gomall.service.IProductService#add(com.gomall.bean.Product)
 */
 @Override
 public boolean add(Product entity) {
 try {
 entity.setId(products.size() + 1);
 entity.setPicture("pic(" + entity.getId() + ").jpg"); // uploadify
 // 上傳圖片
 products.add(entity);
 } catch (Exception e) {
 e.printStackTrace();
 return false;
 }
 return true;
 }
 /*
 * (non-Javadoc)
 * 
 * @see com.gomall.service.IProductService#findById(int)
 */
 @Override
 public Product findById(int id) {
 for (Product product : products) {
 if (product.getId() == id) {
 return product;
 }
 }
 return null;
 }
 /*
 * (non-Javadoc)
 * 
 * @see com.gomall.service.IProductService#deleteById(int)
 */
 @Override
 public boolean deleteById(int id) {
 try {
 Product product = findById(id);
 if (product != null) {
 products.remove(product);
 }
 } catch (Exception e) {
 e.printStackTrace();
 return false;
 }
 return true;
 }
}

package com.gomall.action;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.Date;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.codehaus.jackson.map.ObjectMapper;
import com.gomall.bean.Product;
import com.gomall.service.IProductService;
import com.gomall.service.ProductService;
@WebServlet("/Product")
public class ProductAction extends HttpServlet {
 private static final long serialVersionUID = 1L;
 public ProductAction() {
 super();
 }
 protected void doGet(HttpServletRequest request, HttpServletResponse response)
 throws ServletException, IOException {
 /*模擬網(wǎng)絡(luò)延時(shí)*/
 try {
 Thread.sleep(3000);
 } catch (InterruptedException e) {
 e.printStackTrace();
 }
 request.setCharacterEncoding("utf-8");
 response.setCharacterEncoding("utf-8");
 String act = request.getParameter("act");
 IProductService productService = new ProductService();
 /**用于序列化json*/
 ObjectMapper mapper = new ObjectMapper();
 PrintWriter out=response.getWriter();
 if (act.equals("getAll")) {
 String json = mapper.writeValueAsString(productService.getAll());
 out.append(json);
 } else if (act.equals("area")) {
 String callback=request.getParameter("callback");
 out.append(callback+"('"+new Date()+"')");
 } else if (act.equals("getJSONP")) {
 String callback=request.getParameter("callback");
 String json = mapper.writeValueAsString(productService.getAll());
 out.append(callback+"("+json+")");
 } else if (act.equals("getAllCORS")) {
 /**向響應(yīng)的頭部中添加CORS信息*/
 response.addHeader("Access-Control-Allow-Origin", "*");
 response.addHeader("Access-Control-Allow-Methods", "GET,POST");
 String json = mapper.writeValueAsString(productService.getAll());
 out.append(json);
 } else if(act.equals("del")){
 /**向響應(yīng)的頭部中添加CORS信息*/
 response.addHeader("Access-Control-Allow-Origin", "*");
 response.addHeader("Access-Control-Allow-Methods", "GET,POST");
 int id=Integer.parseInt(request.getParameter("id"));
 String json = mapper.writeValueAsString(productService.deleteById(id));
 out.append(json);
 }
 else if(act.equals("add")){
 /**向響應(yīng)的頭部中添加CORS信息*/
 response.addHeader("Access-Control-Allow-Origin", "*");
 response.addHeader("Access-Control-Allow-Methods", "GET,POST");
 String name=request.getParameter("name");
 double price=Double.parseDouble(request.getParameter("price"));
 String detail=request.getParameter("detail");
 Product entity=new Product(0, name, price, "",detail);
 String json = mapper.writeValueAsString(productService.add(entity));
 out.append(json);
 }
 }
 protected void doPost(HttpServletRequest request, HttpServletResponse response)
 throws ServletException, IOException {
 doGet(request, response);
 }
}

<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8">
 <title>回調(diào)</title>
 </head>
 <body>
 <script src="js/jQuery1.11.3/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
 <script type="text/javascript">
 var student;
 $.get("student.json",function(data){
 student=data;
 },"json");
 alert(student);
 </script>
 </body>
</html>

function getStudentById(id){
 $.get("students.do",{"id":id},function(stu){
 return stu;
 },"json");
 }

$.ajax({
 type:"get",
 url:"student.json",
 async:false, /*非異步，同步*/
 success:function(data){
 student=data;
 }
 });

<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8">
 <title>回調(diào)</title>
 </head>
 <body>
 <script src="js/jQuery1.11.3/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
 <script type="text/javascript">
 /*callback是一個(gè)當(dāng)ajax請(qǐng)求成功時(shí)的回調(diào)方法*/
 function getStudent(callback) {
 $.get("student.json", function(data) {
 callback(data);
 }, "json");
 }
 /*調(diào)用getStudent函數(shù)，傳入?yún)?shù)，參數(shù)也是一個(gè)函數(shù)*/
 getStudent(function(stu){
 alert(stu.id);
 });
 /*把一個(gè)方法作為參數(shù)傳遞給另一個(gè)方法可以認(rèn)為是委托，如C++中的函數(shù)指針類(lèi)似*/
 getStudent(function(stu){
 alert(stu.name);
 });
 </script>
 </body>
</html>

$.get("url1",function(){
 $.get("url2",function(){
 $.get("url3",function(){
 ...
 });
 });
 });

<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8">
 <title>延遲對(duì)象（deferred）</title>
 </head>
 <body>
 <script src="js/jQuery1.11.3/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
 <script type="text/javascript">
 console.log("使用方法一");
 $.get("student.json", "json").done(function(stu) {
 console.log(stu.id);
 }).done(function(stu) {
 console.log(stu.name);
 });
 console.log("使用方法二");
 $.get("student.json", "json").done(function(stu) {
 console.log(stu.id);
 }, function(stu) {
 console.log(stu.name);
 });
 </script>
 </body>
</html>

<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8">
 <title>延遲對(duì)象（deferred）</title>
 </head>
 <body>
 <script src="js/jQuery1.11.3/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
 <script type="text/javascript">
 $.get("stu.json", "json").done(function(stu) {
 console.log(stu.name);
 }).fail(function(xhr, status, errorThrown){
 alert("xhr："+xhr+"，status："+status+"，errorThrown："+errorThrown);
 });
 </script>
 </body>
</html>

<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8">
 <title>延遲對(duì)象（deferred）</title>
 </head>
 <body>
 <script src="js/jQuery1.11.3/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
 <script type="text/javascript">
 $.get("student.j", "json").done(function(stu) {
 console.log(stu.name);
 }).fail(function(data, status, errorThrown){
 console.log("data："+data+"，status："+status+"，errorThrown："+errorThrown);
 }).always(function(data, textStatus){
 console.log("ajax執(zhí)行完成，完成狀態(tài)："+textStatus);
 });
 </script>
 </body>
</html>

<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8">
 <title>延遲對(duì)象（deferred）</title>
 </head>
 <body>
 <script src="js/jQuery1.11.3/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
 <script type="text/javascript">
 $.get("student.jsonx", "json").then(function(stu) {
 console.log(stu.name);
 }, function(data, status, errorThrown) {
 console.log("data：" + data + "，status：" + status + "，errorThrown：" + errorThrown);
 });
 </script>
 </body>
</html>

<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8">
 <title>延遲對(duì)象（deferred）</title>
 </head>
 <body>
 <script src="js/jQuery1.11.3/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
 <script type="text/javascript">
 var myTask=function(){
 //通過(guò)jQuery創(chuàng)建一個(gè)延遲對(duì)象
 var def=$.Deferred();
 setTimeout(function(){
 //隨機(jī)產(chǎn)生一個(gè)整數(shù)，如果是偶數(shù)
 var n=Math.round(Math.random()*100);
 if(n%2==0)
 {
 console.log("一個(gè)耗時(shí)的操作終于完成了，n="+n);
 def.resolve(); //任務(wù)成功完成
 }else{
 console.log("一個(gè)耗時(shí)的操作失敗，n="+n);
 def.reject(); //拒絕，失敗
 }
 },3000);
 //返回延遲對(duì)象，防止中間修改
 return def.promise();
 }
 
 /*當(dāng)方法myTask執(zhí)行完成后，添加回調(diào)方法*/
 $.when(myTask()).done(function(){
 console.log("執(zhí)行成功");
 }).fail(function(){
 console.log("執(zhí)行失敗");
 });
 </script>
 </body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>6.4.9、跨域AJAX請(qǐng)求</title>
</head>
<body>
 <h2>6.4.9、跨域AJAX請(qǐng)求</h2>
 <h2 id="message"></h2>
 <button type="button" id="btnAjax">ajax請(qǐng)求</button>
 <script type="text/javascript" src="js/jQuery/jquery.min.js"></script>
 <script type="text/javascript">
 $("#btnAjax").click(function() {
 $.get("http://localhost:12833/Action/FindUserById.ashx",{"id":1001},function(data){
 log(data);
 },"text");
 });
 function log(msg) {
 $("#message")[0].innerHTML += msg + "<br/>";
 }
 </script>
</body>
</html>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace jQuery601_DotNet.Action
{
 /// <summary>
 /// 根據(jù)用戶編號(hào)獲得用戶
 /// </summary>
 public class FindUserById : IHttpHandler
 {
 public void ProcessRequest(HttpContext context)
 {
 context.Response.ContentType = "text/plain";
 String name = "";
 int id = Convert.ToInt32(context.Request.Params["id"]);
 if (id == 1001)
 {
 name = "Mark";
 }
 else if (id == 1002)
 {
 name = "Jack";
 }
 context.Response.Write(name);
 }
 public bool IsReusable
 {
 get
 {
 return false;
 }
 }
 }
}

<body>
 <script type="text/javascript">
 /*回調(diào)方法*/
 function show(data) {
 alert(data);
 }
 </script>
 <script src="http://localhost:8087/JavaScript001/Product?act=area&callback=show" type="text/javascript" charset="utf-8"></script>
 </body>

 String callback=request.getParameter("callback");
 out.append(callback+"('"+new Date()+"')");

<body>
 <script type="text/javascript">
 /*回調(diào)方法*/
 function show(data) {
 alert(data);
 }
 </script>
 <script src="http://localhost:8087/JavaScript001/Product?act=area&callback=show" type="text/javascript" charset="utf-8"></script>
 </body>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace jQuery601_DotNet.Action
{
 /// <summary>
 /// FindUserById 的摘要說(shuō)明
 /// </summary>
 public class FindUserById : IHttpHandler
 {

 public void ProcessRequest(HttpContext context)
 {
 context.Response.ContentType = "text/plain";
 String name = "";
 int id = Convert.ToInt32(context.Request.Params["id"]);
 if (id == 1001)
 {
 name = "Mark";
 }
 else if (id == 1002)
 {
 name = "Jack";
 }
 String callback = context.Request["callback"];
 context.Response.Write(callback+"('"+name+"')");
 }

 public bool IsReusable
 {
 get
 {
 return false;
 }
 }
 }
}

package com.gomall.action;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.Date;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.codehaus.jackson.map.ObjectMapper;
import com.gomall.service.IProductService;
import com.gomall.service.ProductService;
@WebServlet("/Product")
public class Product extends HttpServlet {
 private static final long serialVersionUID = 1L;
 public Product() {
 super();
 }
 protected void doGet(HttpServletRequest request, HttpServletResponse response)
 throws ServletException, IOException {
 request.setCharacterEncoding("utf-8");
 response.setCharacterEncoding("utf-8");
 String act = request.getParameter("act");
 IProductService productService = new ProductService();
 ObjectMapper mapper = new ObjectMapper();
 PrintWriter out=response.getWriter();
 if (act.equals("getAll")) {
 String json = mapper.writeValueAsString(productService.getAll());
 out.append(json);
 } else if (act.equals("area")) {
 String callback=request.getParameter("callback");
 out.append(callback+"('"+new Date()+"')");
 } else if (act.equals("getJSONP")) {
 String callback=request.getParameter("callback");
 String json = mapper.writeValueAsString(productService.getAll());
 out.append(callback+"("+json+")");
 } 
 }
 protected void doPost(HttpServletRequest request, HttpServletResponse response)
 throws ServletException, IOException {
 doGet(request, response);
 }
}

<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8">
 <title>AJAX</title>
 </head>
 <body>
 <script src="js/jQuery1.11.3/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
 <script type="text/javascript">
 $.get("http://localhost:8087/JavaScript001/Product?callback=?",{act:"getJSONP"},function(data){
 $.each(data,function(index,obj){
 $("<p/>").html(obj.name).appendTo("body");
 });
 },"jsonp");
 </script>
 </body>
</html>