在一个 Web page 里面用 jquery 写一个 ajax 的代码，用于显示页面里面的一个图片。

[code xml]
$.get("titlepic?imgNo=1", function(data,status){
$('#img1').attr("src", data);
[/code]

上述 jquery code get 的 url 是：titlepic?ImgNo=1

在 Delphi WebBroker 里面，有一个 path 名字叫做 titlepic，它的 OnAction 事件方法里面，返回这个图片的 URL 给浏览器，类似 /myUploadImage/123.jpg

然后浏览器里面的 js 代码里面那句 $('#img1').attr("src", data); 被执行，将页面里 id 为 img1 的 标签的 src 属性设置为从服务器请求来的值。然后图片显示出来了。

注：上述 jquery.get 方法，是异步方法。如果用同步方法，FireFox 的调试工具会提醒你用同步方法不好。上述方法里面，function(data, status) 是一个匿名函数。

以下代码测试通过。


[code xml]









































[/code]

Delphi WebBroker code:

[code delphi]
--------------------
WebBroker code:

procedure TWebModule1.WebModule1WebActionTitlepicAction(Sender: TObject;
Request: TWebRequest; Response: TWebResponse; var Handled: Boolean);
var
Id, PicName: string;
i: Integer;
begin
Id := Request.QueryFields.Values['ImgNo'];

i := 0;
TryStrToInt(Id, i);
case i of
0: PicName := '0.jpg';;
1: PicName := '2.jpg';
2: PicName := '3.jpg';
3: PicName := '4.jpg';
4: PicName := '5.jpg';
end;

Response.Content := FUploadImagePath PicName;
end;
[/code]

編輯記錄

這題材太棒了！

謝謝您的分享！

这里贴 code 好像有问题.

我已经贴到 csdn 里面去了.

http://blog.csdn.net/pcplayer/article/details/69230005

編輯記錄