samples/async/weibo.html

﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title>Weibo - Jscex Sample</title>

    <script type="text/javascript" src="../../src/jscex.js"></script>
    <script type="text/javascript" src="../../src/jscex-parser.js"></script>
    <script type="text/javascript" src="../../src/jscex-jit.js"></script>
    <script type="text/javascript" src="../../src/jscex-builderbase.js"></script>
    <script type="text/javascript" src="../../src/jscex-async.js"></script>
    <script type="text/javascript" src="../../src/jscex-async-powerpack.js"></script>

    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="jquery-bindings.js" type="text/javascript"></script>

    <script type="text/javascript">
        /*
        $(document).ready(function () {
            $("#btnSearch").click(function (){
                
                $("#result").empty();
                var keyword = encodeURIComponent($("#txtKeyword").val());

                $.ajax({
                    url: "http://api.t.sina.com.cn/trends/statuses.json?trend_name=" + keyword + "&source=3355748460",
                    dataType: "jsonp",
                    success: function (data) {
                        $.each(data, function () {
                            $("#result").append("<li>" + this.text + "</li>");
                        });
                    }
                });
            });
        });
        */
        
        var goAsync = eval(Jscex.compile("async", function () {
            $await($(document).readyAsync());
            
            while (true) {
            
                $await(Jscex.Async.onEvent($("#btnSearch").get(0), "click"));
                
                $('#result').empty();
                var keyword = encodeURIComponent($("#txtKeyword").val());
                
                var result = $await($.ajaxAsync({
                    url: 'http://api.t.sina.com.cn/trends/statuses.json?trend_name=' + keyword + '&source=3355748460',
                    dataType: "jsonp"
                }));
                
                $.each(result.data, function () {
                    $('#result').append('<li>' + this.text + '</li>');
                });
            }
        }));
        
        goAsync().start();
    </script>
</head>
<body>
    <input type="text" value="Jscex" id="txtKeyword" />
    <input type="button" value="Search" id="btnSearch" />

    <ul id="result"></ul>
</body>
</html>