XHR(XMLHttpRequest)与Linux下的CGI交互
在Web編程時，為了能與硬件交互，中間需要CGI來響應。一般的我們會采用Form的Action來與CGI交互，但是使用Form來交互，就必須要提交數據，要提交數據就會產生頁面的刷新，如果是少量的，還可能可以接受，但如果是大量的，那就難以忍受了。那有什么辦法可以改善呢？
我們知道，在Web編程中，AJAX是極常用的一種方式。采用AJAX可以有效的減少頁面的刷新，又能得到想要的數據更新。AJAX是一種異步更新機制，在具體的實現上，有一個核心的部分就是XHR。
XHR是XMLHttpRequest的縮寫，在發送請求時，有GET和POST方法，也需要指定URL，這與表單提交方式有很多相似之處。那是否可以利用這個來與CGI進行交互呢？
CGI是通用網關接口(Common Gateway Interface)的簡寫，在APACHE中，只需要開始CGI模塊，就能實現對CGI的響應。具體配置可以參看該文(http://www.jb51.net/article/37987.htm)。
接下來就是相關的實現。我們先來實現HTML端的代碼，具體如下:
<html> <head><title>Async request test</title><script>function Send(url, callback) {var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function () {if (xhr.readyState == 4) {if ((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304) //200:Success.304:Tell browser to read cache.{ if (callback === undefined || callback === null) {return;}callback(xhr.responseText);}else {alert(xhr.responseText);}}} xhr.open("GET", url, true);xhr.send(null);}function Request() { var url = "test.cgi?Data=Hello";Send(url,function (e) {alert(e);});}</script> </head> <body><input type="button" value="Test" οnclick="Request()"></input> </body> </html> 說明1.Send函數是xhr的實現，這里使用的是GET方法，如果想要實現POST方法，只要將GET改成POST即可。
2.Request中的test.cgi是請求CGI的URL，問題后面的Data=Hello是key-value對的數據，在CGI端可以將其截獲，并作出相應的處理。
下面是CGI端的實現代碼：
#include <stdio.h> #include <stdlib.h> #include <time.h>int main(void) {time_t current;struct tm *timeinfo;char *method;char *data;time(¤t);timeinfo = localtime(¤t);method=getenv("REQUEST_METHOD");data=getenv("QUERY_STRING");//這一句一定要加，否則異步訪問會出現頁面異常printf("Content type: text/html\n\n");printf("Method:%s\n Cgi receive:%s\n Cgi back:%s",method, data,asctime(timeinfo)); } 說明1.method=getenv("REQUEST_METHOD")是獲取xhr請求的是GET還是POST方法。注意getenv是獲取環境變量的方法，REQUEST_METHOD是GET還是POST對應key的字符串，必須要這個字符串。
2.data=getenv("QUERY_STRING")是獲取xhr的數據。
3.回應xhr的請求時使用printf，注意需要添加("Content type:text/html\n\n")，后一個printf才是回應具體的數據。這里我將xhr請求的方法和數據加上服務端的時間一起回給了xhr.
下面是執行的結果。
轉載于:https://www.cnblogs.com/sparkleDai/p/7605044.html
總結
以上是生活随笔為你收集整理的XHR(XMLHttpRequest)与Linux下的CGI交互的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： last
- 下一篇： RabbitMQ 四种Exchange