XHR(XMLHttpRequest)与Linux下的CGI交互
在Web編程時，為了能與硬件交互，中間需要CGI來響應(yīng)。一般的我們會采用Form的Action來與CGI交互，但是使用Form來交互，就必須要提交數(shù)據(jù)，要提交數(shù)據(jù)就會產(chǎn)生頁面的刷新，如果是少量的，還可能可以接受，但如果是大量的，那就難以忍受了。那有什么辦法可以改善呢？
我們知道，在Web編程中，AJAX是極常用的一種方式。采用AJAX可以有效的減少頁面的刷新，又能得到想要的數(shù)據(jù)更新。AJAX是一種異步更新機制，在具體的實現(xiàn)上，有一個核心的部分就是XHR。
XHR是XMLHttpRequest的縮寫，在發(fā)送請求時，有GET和POST方法，也需要指定URL，這與表單提交方式有很多相似之處。那是否可以利用這個來與CGI進行交互呢？
CGI是通用網(wǎng)關(guān)接口(Common Gateway Interface)的簡寫，在APACHE中，只需要開始CGI模塊，就能實現(xiàn)對CGI的響應(yīng)。具體配置可以參看該文(http://www.jb51.net/article/37987.htm)。
接下來就是相關(guān)的實現(xiàn)。我們先來實現(xiàn)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函數(shù)是xhr的實現(xiàn)，這里使用的是GET方法，如果想要實現(xiàn)POST方法，只要將GET改成POST即可。
2.Request中的test.cgi是請求CGI的URL，問題后面的Data=Hello是key-value對的數(shù)據(jù)，在CGI端可以將其截獲，并作出相應(yīng)的處理。
下面是CGI端的實現(xiàn)代碼：
#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");//這一句一定要加，否則異步訪問會出現(xiàn)頁面異常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是獲取環(huán)境變量的方法，REQUEST_METHOD是GET還是POST對應(yīng)key的字符串，必須要這個字符串。
2.data=getenv("QUERY_STRING")是獲取xhr的數(shù)據(jù)。
3.回應(yīng)xhr的請求時使用printf，注意需要添加("Content type:text/html\n\n")，后一個printf才是回應(yīng)具體的數(shù)據(jù)。這里我將xhr請求的方法和數(shù)據(jù)加上服務(wù)端的時間一起回給了xhr.
下面是執(zhí)行的結(jié)果。
轉(zhuǎn)載于:https://www.cnblogs.com/sparkleDai/p/7605044.html
總結(jié)
以上是生活随笔為你收集整理的XHR(XMLHttpRequest)与Linux下的CGI交互的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： last
- 下一篇： RabbitMQ 四种Exchange