1 00:00:00,000 --> 00:00:02,340 >> SPEAKER 1: Hãy thực hiện một trang web trang cho phép người dùng 2 00:00:02,340 --> 00:00:03,660 nhìn lên giá cổ phiếu. 3 00:00:03,660 --> 00:00:07,970 Chúng ta hãy giả sử đầu tiên rằng có tồn tại một tập tin gọi là quote.php, nhưng điều này 4 00:00:07,970 --> 00:00:11,110 có thể được thực hiện ở hầu hết bất kỳ ngôn ngữ, nhưng có mục đích trong cuộc sống là 5 00:00:11,110 --> 00:00:15,800 mong đợi một tham số nhận được HTTP được gọi là biểu tượng, giá trị của là 6 00:00:15,800 --> 00:00:18,120 biểu tượng của các cổ phiếu mà bạn muốn một báo giá. 7 00:00:18,120 --> 00:00:22,530 >> Ví dụ, nếu chúng ta nhìn vào tập tin này trong trình duyệt của tôi, quote.php, nhận thấy rằng 8 00:00:22,530 --> 00:00:26,900 Tôi đã vượt qua, đã có, một biểu tượng của FB, cho Facebook. 9 00:00:26,900 --> 00:00:31,060 Và nhận thấy rằng những gì đã trở lại là một đối tượng JSON với ba phím. 10 00:00:31,060 --> 00:00:34,560 Của một người được gọi là biểu tượng, một gọi là tên, và một gọi là giá. 11 00:00:34,560 --> 00:00:38,920 Các giá trị trong số đó là chính xác điều đó từ các tập tin trong câu hỏi. 12 00:00:38,920 --> 00:00:41,680 >> Bây giờ chúng ta chuyển sự chú ý của chúng tôi đến khởi đầu của một số HTML và 13 00:00:41,680 --> 00:00:43,340 JavaScript. 14 00:00:43,340 --> 00:00:48,990 Ở đây, trong ajax-0.html, nhận thấy rằng bên trong của cơ thể trang của tôi Tôi có một hình thức 15 00:00:48,990 --> 00:00:53,430 có một thuộc tính onsubmit, các giá trị đó là giá và trở lại 16 00:00:53,430 --> 00:00:57,020 sai, do đó quy định cụ thể mà tôi muốn gọi một hàm JavaScript 17 00:00:57,020 --> 00:00:59,660 gọi là báo giá và sau đó trả về false. 18 00:00:59,660 --> 00:01:04,459 Trong khi đó, bên trong hình thức đó là một biểu tượng có ID là, báo giá unquote, 19 00:01:04,459 --> 00:01:07,940 "Biểu tượng", và sau đó một đầu vào mà loại được trình cung cấp cho tôi một 20 00:01:07,940 --> 00:01:09,280 nút trình. 21 00:01:09,280 --> 00:01:13,460 >> Trong khi đó, bên trong đầu trang của tôi, có một thẻ script, nguồn gốc của 22 00:01:13,460 --> 00:01:18,000 đó là URL jquery, rất thư viện JavaScript phổ biến, và dưới đây 23 00:01:18,000 --> 00:01:21,150 đó là một thẻ tập lệnh, bên trong đó là sự khởi đầu của một số 24 00:01:21,150 --> 00:01:23,440 JavaScript mà bản thân tôi sẽ viết. 25 00:01:23,440 --> 00:01:26,900 Đây là chức năng trích dẫn rằng sẽ cuối cùng được gọi là, và bên trong 26 00:01:26,900 --> 00:01:31,300 ở đây chúng ta hãy khai báo một biến được gọi là URL, quy định rằng giá trị của điều này 27 00:01:31,300 --> 00:01:32,590 biến được quote.php? biểu tượng = ". 28 00:01:32,590 --> 00:01:38,090 29 00:01:38,090 --> 00:01:42,170 >> Và bây giờ chúng ta hãy nối vào cuối đó chuỗi ban đầu bất cứ điều gì biểu tượng 30 00:01:42,170 --> 00:01:43,840 người sử dụng đã có lẽ gõ. 31 00:01:43,840 --> 00:01:51,770 Cụ thể, chúng ta hãy làm + $ "" ký hiệu # qua đó xác định rằng tôi muốn 32 00:01:51,770 --> 00:01:54,910 nhận được, với jquery từ DOM của tôi, các yếu tố mà độc đáo 33 00:01:54,910 --> 00:01:56,430 định danh, một biểu tượng. 34 00:01:56,430 --> 00:01:59,500 Nhớ lại rằng đó chỉ đơn giản là văn bản lĩnh vực mà người dùng sẽ 35 00:01:59,500 --> 00:02:01,210 gõ rằng biểu tượng cổ phiếu. 36 00:02:01,210 --> 00:02:05,030 >> Sau đó, chúng ta hãy gọi val, mà là một chức năng hoặc phương pháp mà sẽ nhận được 37 00:02:05,030 --> 00:02:06,740 giá trị của người sử dụng đánh máy in 38 00:02:06,740 --> 00:02:11,540 Và sau đó chúng ta hãy gọi một chức năng jquery gọi getJSON, đi qua trong khi 39 00:02:11,540 --> 00:02:16,010 Đối số đầu tiên URL đó, đi qua trong, như đối số thứ hai, một vô danh 40 00:02:16,010 --> 00:02:18,900 chức năng mà hy vọng một đối số duy nhất. 41 00:02:18,900 --> 00:02:20,360 Dữ liệu, chúng tôi sẽ gọi nó. 42 00:02:20,360 --> 00:02:25,130 Và bên trong chức năng ẩn danh này, chúng tôi sẽ chỉ đơn giản là làm báo, và sau đó trong 43 00:02:25,130 --> 00:02:27,940 dấu ngoặc đơn, data.price. 44 00:02:27,940 --> 00:02:31,470 Nếu dữ liệu, sau khi tất cả, là JSON đối tượng với ba lĩnh vực - 45 00:02:31,470 --> 00:02:35,100 biểu tượng, tên, và giá cả, bởi làm data.price tôi sẽ nhận được 46 00:02:35,100 --> 00:02:36,640 chính xác giá trị đó. 47 00:02:36,640 --> 00:02:39,000 >> Bây giờ hãy lưu các tập tin và mở nó lên trong một trình duyệt. 48 00:02:39,000 --> 00:02:42,230 49 00:02:42,230 --> 00:02:48,760 http://localhost/ajax-0.html. 50 00:02:48,760 --> 00:02:49,870 Ở đây chúng tôi có hình thức đó. 51 00:02:49,870 --> 00:02:52,890 Hãy gõ vào FB cho Facebook và nhận được báo giá. 52 00:02:52,890 --> 00:02:55,070 Và ở đó, sau đó, là của Facebook giá cổ phiếu mới nhất. 53 00:02:55,070 --> 00:02:58,368