Angularjs SQL
รหัสในบทก่อนหน้านี้ยังสามารถใช้เพื่ออ่านข้อมูลในฐานข้อมูล
รับข้อมูลจาก MySQL โดยใช้ PHP
อินสแตนซ์ Angularjs
<! doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" การล่มสลายของชายแดน: การล่มสลาย; Padding: 5px;} ตาราง tr: nth-child (คี่) {พื้นหลัง-สี: #f1f1f1;} ตาราง tr: nth-child (แม้) {พื้นหลัง-สี: #ffffff;} </style> </head> <body> <body> <body> <td> {{x.name}} </td> <td> {{x.country}} </td> </tr> </table> </div> <script> var app = angular.module ('myApp', []); app.controller $ http.get ("/try/angularjs/data/comentred_mysql.php") .success (ฟังก์ชั่น (การตอบสนอง) {$ scope.names = response.records;});}); </script> </body>ผลการทำงาน:
| Alfreds Futterkiste | ประเทศเยอรมนี |
| ana trujillo emparedados y heldos | เม็กซิโก |
| Antonio Moreno Taquería | เม็กซิโก |
| รอบ ๆ เขา | สหราชอาณาจักร |
| เครื่องดื่มของ B | สหราชอาณาจักร |
| Berglunds Snabbköp | สวีเดน |
| Blauer ดู Delikatessen | ประเทศเยอรมนี |
| Blondel Père et fils | ฝรั่งเศส |
| Bólido comidas prechedas | สเปน |
| แอพ Bon ' | ฝรั่งเศส |
| ตลาดดอลลาร์ด้านล่าง | แคนาดา |
| Cactus comidas para llevar | อาร์เจนตินา |
| centro comercial moctezuma | เม็กซิโก |
| สับจีน | สวิตเซอร์แลนด์ |
| Comércio Mineiro | บราซิล |
ดำเนินการ SQL ใน ASP.NET เพื่อรับข้อมูล
อินสแตนซ์ Angularjs
<! doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" การล่มสลายของชายแดน: การล่มสลาย; Padding: 5px;} ตาราง tr: nth-child (คี่) {พื้นหลัง-สี: #f1f1f1;} ตาราง tr: nth-child (แม้) {พื้นหลัง-สี: #ffffff;} </style> </head> <body> <body> <body> ชื่อ "> <td> {{x.name}} </td> <td> {{x.country}} </td> </tr> </table> </div> <script> var app = angular.module ('myApp', []); app.controller $ http.get ("http://www.runoob.com/try/angularjs/data/customers_sql.aspx") .success (ฟังก์ชั่น (การตอบสนอง) {$ scope.names = response.records;});});ผลการทำงาน:
| Alfreds Futterkiste | ประเทศเยอรมนี |
| Berglunds Snabbköp | สวีเดน |
| centro comercial moctezuma | เม็กซิโก |
| เอิร์นส์ฮันเดล | ประเทศออสเตรีย |
| FISSA FABUSA Inter Salchichavas SA | สเปน |
| Galería del Gastrónomo | สเปน |
| การซื้อขายเกาะ | สหราชอาณาจักร |
| Königlich Essen | ประเทศเยอรมนี |
| หัวเราะไวน์ Bacchus Wine Cellars | แคนาดา |
| Magazzini Alimentari riuniti | อิตาลี |
| เหนือ/ใต้ | สหราชอาณาจักร |
| Paris Spécialités | ฝรั่งเศส |
| Rattlesnake Canyon Grocery | สหรัฐอเมริกา |
| Simons Bistro | เดนมาร์ก |
| ชีสขนาดใหญ่ | สหรัฐอเมริกา |
| Vaffeljernet | เดนมาร์ก |
| Wolski Zajazd | โปแลนด์ |
รหัสเซิร์ฟเวอร์
รายการต่อไปนี้มีรหัสฝั่งเซิร์ฟเวอร์หลายประเภท:
ใช้ PHP และ MySQL ส่งคืน JSON
ใช้การเข้าถึง PHP และ MS ส่งคืน JSON
ใช้ ASP.NET, VB และ MS Access ส่งคืน JSON
ใช้ ASP.NET, มีดโกนและ SQL Lite ส่งคืน JSON
คำขอ HTTP ข้ามโดเมน
หากคุณต้องการรับข้อมูลจากเซิร์ฟเวอร์ที่แตกต่างกัน (ชื่อโดเมนที่แตกต่างกัน) คุณต้องใช้คำขอ HTTP ข้ามโดเมน
คำขอข้ามโดเมนเป็นเรื่องธรรมดามากในหน้าเว็บ เว็บเพจจำนวนมากโหลด CSS รูปภาพสคริปต์ JS ฯลฯ จากเซิร์ฟเวอร์ที่แตกต่างกัน
ในเบราว์เซอร์ที่ทันสมัยเพื่อความปลอดภัยของข้อมูลคำขอทั้งหมดจะถูก จำกัด อย่างเคร่งครัดในชื่อโดเมนเดียวกัน หากคุณต้องการโทรหาข้อมูลจากไซต์ต่าง ๆ จะต้องได้รับการแก้ไขผ่านโดเมนข้าม
รหัส PHP ต่อไปนี้ทำงานโดยใช้เว็บไซต์สำหรับการเข้าถึงข้ามโดเมน
ส่วนหัว ("Access-Control -Lown-Origin: *");
สำหรับโซลูชันการเข้าถึงข้ามโดเมนเพิ่มเติมดู: โซลูชันที่ดีที่สุดสำหรับปัญหา PHP AJAX Cross-Domain
1. อินสแตนซ์รหัส PHP และ MySQL
<? phpheader ("Access-control-allow-origin: *"); Header ("เนื้อหาประเภท: แอปพลิเคชัน/json; charset = utf-8"); $ conn = new mysqli ("myserver", "myuser", "myuser", "myuser", "myuser" ""; ในขณะที่ ($ rs = $ result-> fetch_array (mysqli_assoc)) {ถ้า ($ outp! = "") {$ outp. = ",";} $ outp. = '{"ชื่อ": " $ outp. = '"เมือง": "'. $ rs [" เมือง "]. '",'; $ outp. = '"ประเทศ": "'. $ rs [" ประเทศ "]. '"}'; } $ outp = '{"บันทึก": ['. $ outp. ']}'; $ conn-> close (); echo ($ outp);?>2. อินสแตนซ์รหัสการเข้าถึง PHP และ MS
<? phpheader ("Access-control-allow-origin: *"); Header ("เนื้อหาประเภท: แอปพลิเคชัน/json; charset = iso-8859-1"); $ conn = new com ("adodb.connection"); $ conn-> execute ("เลือก บริษัท ชื่อเมืองประเทศจากลูกค้า"); $ outp = ""; ในขณะที่ (! $ rs-> eof) {ถ้า ($ outp! = "") {$ outp. = ",";} $ outp. = '{"ชื่อ": " $ outp. = '"เมือง": "'. $ rs [" เมือง "]. '",'; $ outp. = '"ประเทศ": "'. $ rs [" ประเทศ "]. '"}'; $ rs-> movenext ();} $ outp = '{"บันทึก": ['. $ outp. ']}'; $ conn-> close (); echo ($ outp);?>3. ASP.NET, VB และ MS Access Code Instances
<%@ import namespace = "system.io"%> <%@ import namespace = "system.data"%> <%@ import namespace = "system.data.oLedb"%> <%การตอบสนอง Appendheader ("Access-control-origin", "*") objadapter เป็น oledbdataadapterdim objtable เป็น datatabledim objrow เป็น dataRowdim objdataset เป็นชุดข้อมูลใหม่ () Dim outpdim cconn = new OledBconnection ("Provider = Microsoft.jet.oledB.4.0; บริษัท ชื่อเมืองประเทศจากลูกค้า ", Conn) objadapter.fill (objdataset," mytable ") objtable = objdataset.tables (" mytable ") outp =" c = chr (34) สำหรับแต่ละ x & C & X ("CompanyName") & C & "," OutP = OUTP & C & "CITY" & C & ":" & C & X ("City") & C & "," OUTP = OUTP & C & "Country" & C & ":" & C & X ("Country") & C & "}" "]}" response.write (outp) conn.close%>4. ASP.NET, VB Razor และ SQL Lite Code Instances
@{response.appendheader ("Access-Control-Ollow-Origin", "*") Response.AppendHeader ("เนื้อหาประเภท", "Application/JSON") var db = database.open ("Northwind"); var query = db.query ( แบบสอบถาม) {ถ้า outp <> "" จากนั้น outp = outp + "," outp = outp + "{" + c + "name" + c + ":" + c + @row.companyname + c + "," outp = outp + c + "city" + c + ":" + c + @row.city + c + "}"} outp = "{" + c + "บันทึก" + c + ": [" + outp + "]}"@outpข้างต้นคือการรวบรวมวัสดุ SQL AngularJS เราจะเพิ่มพวกเขาต่อไปในภายหลัง ฉันหวังว่ามันจะช่วยเพื่อนที่เรียน