+ -
当前位置:首页 → 问答吧 → jQuery怎么调用AJAX呢 求教啊

jQuery怎么调用AJAX呢 求教啊

时间:2011-05-06

来源:互联网

/*最新动态超链接文字提示*/
JScript code
$(function () {
    var x = 10;
    var y = 20;
    $("a.tooltip").mouseover(function (e) {
        this.myId = this.id;
        this.id = "";

        Ajax();

        var tooltip = "<div id='tooltip'>" + this.myId + "</div>"; //创建 div 元素
        $("body").append(tooltip); //把它追加到文档中
        $("#tooltip")
            .css({
                "top": (e.pageY + y) + "px",
                "left": (e.pageX + x) + "px"
            }).show("fast");   //设置x坐标和y坐标,并且显示
    }).mouseout(function () {
        this.id = this.myId;
        $("#tooltip").remove();   //移除 
    }).mousemove(function (e) {
        $("#tooltip")
            .css({
                "top": (e.pageY + y) + "px",
                "left": (e.pageX + x) + "px"
            });
    });
})

$(function Ajax() {
    $.ajax({
        url: 'ajax.xml',
        type: 'GET',
        dataType: 'xml',
        timeout: 1000,
        cache: false,
        error: function (xml) {
            alert('加载XML文档出错');
        },
        success: function (xml) {

            //建立一个代码片段
            var frag = $("<ul/>");

            //遍历所有student节点
            $(xml).find("student").each(function (i) {
                //获取id节点
                var id = $(this).children("id"),
                //获取节点文本
                                id_value = id.text(),
                //获取student下的email属性。
                                email = $(this).attr("email");

                //构造HTML字符串,通过append方法添加进之前建立代码片段
                alert(email);
            });

            //最后得到的frag添加进HTML文档中
//            frag.appendTo("#load");
        }
    });

});




//我这样写好像不对呢,请问在mouseover事件中应该怎么调用Ajax呢 谢谢啊

作者: MeBoss   发布时间: 2011-05-06

该回复于2011-05-06 08:47:04被版主删除

  • 对我有用[0]
  • 丢个板砖[0]
  • 引用
  • 举报
  • 管理
  • TOP
#2楼 得分:0回复于:2011-05-06 07:44:32

作者: hd945157206   发布时间: 2011-05-06

该回复于2011-05-06 08:47:23被版主删除

  • 对我有用[0]
  • 丢个板砖[0]
  • 引用
  • 举报
  • 管理
  • TOP
  • showbo
  • (code-design.cn)
  • 等 级:
  • 3

    3

    更多勋章
#4楼 得分:0回复于:2011-05-06 08:52:39
你怎么知道没有执行??
看你代码ajax是异步执行的,如果你想ajaz执行完毕后再执行
 var tooltip = "<div id='tooltip'>" + this.myId + "</div>"; //创建 div 元素
  $("body").append(tooltip); //把它追加到文档中
  $("#tooltip")
  .css({
  "top": (e.pageY + y) + "px",
  "left": (e.pageX + x) + "px"
  }).show("fast"); //设置x坐标和y坐标,并且显示

这些代码,你要将ajax设置为同步执行的

作者: hd945157206   发布时间: 2011-05-06