Ionic 是一款十分優(yōu)秀的移動(dòng)端開(kāi)發(fā)框架，它的出現(xiàn)使我們可以方便地開(kāi)發(fā)基于原生的移動(dòng)應(yīng)用，同時(shí)也提供了豐富的插件和組件，滿足了開(kāi)發(fā)移動(dòng)應(yīng)用時(shí)的各種需求。然而，開(kāi)發(fā)移動(dòng)應(yīng)用僅僅前端的活是遠(yuǎn)遠(yuǎn)不夠的，后端的支持是不可或缺的一環(huán)。在很多時(shí)候，我們需要用到 PHP 進(jìn)行服務(wù)端的支持。那么，如何在 Ionic 中，發(fā)送 Ajax 請(qǐng)求到 PHP 腳本呢？
首先，我們需要在 Ionic 項(xiàng)目中安裝 Angular 的 Http 模塊，它使得發(fā)送 Ajax 請(qǐng)求變得更加簡(jiǎn)單，只需要引入對(duì)應(yīng)的模塊，然后：
```typescript
import { Http } from '@angular/http';
```
接下來(lái)，我們就可以使用 Http 模塊的 get 或者 post 方法，向后端發(fā)送請(qǐng)求了：
```typescript
this.http.post('http://www.example.com/api/login.php', formData)
.subscribe(res =>{
console.log(res.json());
});
```
其中，第一個(gè)參數(shù)傳入的是要請(qǐng)求的 PHP 腳本路徑，第二個(gè)參數(shù)則是請(qǐng)求的數(shù)據(jù)。這里的 formData 可以是一個(gè)對(duì)象，或者使用一個(gè) FormData 對(duì)象，以支持表單數(shù)據(jù)的提交。
在 PHP 端，我們可以接收到這個(gè)請(qǐng)求，然后進(jìn)行處理。PHP 代碼可能會(huì)長(zhǎng)成這個(gè)樣子：
```php'success',
]);
}
```
這里我們首先判斷請(qǐng)求的方法是否是 POST，然后取出給定的參數(shù)，進(jìn)行處理。處理完成后，將結(jié)果以 JSON 數(shù)據(jù)格式發(fā)送回前端。
總的來(lái)說(shuō)，Ionic 請(qǐng)求 PHP 腳本的過(guò)程并不困難。我們可以使用 Angular Http 模塊進(jìn)行發(fā)送請(qǐng)求，然后在 PHP 端接收請(qǐng)求并返回結(jié)果。需要注意的是，在使用 Http 模塊進(jìn)行跨域請(qǐng)求時(shí)，需要設(shè)置 Access-Control-Allow-Origin 消息頭，來(lái)允許跨域請(qǐng)求。
上一篇ionic使用php
下一篇css中居中的方法