• jquery ajax 应用返回类型是html json


    jquery ajax

    例子:    function JudgeUserName()
            {
                $.ajax({
                type:"GET",
                http://www.cnblogs.com/Ilin631/admin/%22Default2.aspx",
                dataType:"html",
                data:"userName="+$("#txtName").val(),
                beforeSend:function(XMLHttpRequest)
                    {
                        $("#showResult").text("正在查询...");
                      // Pause(this,100000);
                    },
                success:function(msg)
                    {  
                        $("#showResult").html(msg);
                        $("#showResult").css("color","red");
                    },
               complete:function(XMLHttpRequest,textStatus)
                    {
                        //隐藏正在查询图片
                    },
              error:function()
                   {
                        //错误处理
                   }
                });
            }

    其中error是必须的,不能不写。

    datatype:xml script html json

    html 的后台返回的放在response.write()里:

    string userName = Request.QueryString["userName"].ToString();
            if (userName == "James Hao")
            {
                Response.Write("用户名已经存在!");
            }
            else
            {
                Response.Write("您可以使用此用户名!");
            }

    json: 后台放在:datatype:"json";

            string name = Context.Request["userName"];
            if (name == "aa")
            {
                Context.Response.Write("1");
            }
            else
            {
                Context.Response.Write("0");
            }
           

    1判断浏览器支持。

    <script type="text/javascript">

    function ajaxFunction()
    {
    var xmlHttp;

    try
        {
       // Firefox, Opera 8.0+, Safari
        xmlHttp=new XMLHttpRequest();
        }
    catch (e)
        {

      // Internet Explorer
       try
          {
          xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
          }
       catch (e)
          {

          try
             {
             xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
             }
          catch (e)
             {
             alert("您的浏览器不支持AJAX!");
             return false;
             }
          }
        }
    }
    </script>
    2如何使用XMLHttpRequest 对象与服务器通信。XMLHTTPRequest对象的三个重要属性。

    xmlHttp.onreadystatechange=function()
      {
      if(xmlHttp.readyState==4)
        {
        // 从服务器的response获得数据

    document.myForm.time.value=xmlHttp.responseText;

        }
      }
     3向服务器请求数据

    要想把请求发送到服务器,我们就需要使用 open() 方法和 send() 方法。

    open() 方法需要三个参数。第一个参数定义发送请求所使用的方法(GET 还是 POST)。第二个参数规定服务器端脚本的 URL。第三个参数规定应当对请求进行异步地处理。

    send() 方法可将请求送往服务器。如果我们假设 HTML 文件和 ASP 文件位于相同的目录,那么代码是这样的:

    xmlHttp.open("GET","time.asp",true);
    xmlHttp.send(null);

     参考资料:http://www.w3school.com.cn/ajax/ajax_server.asp

    http://www.w3school.com.cn/aspnet/index.asp

    http://blog.csdn.net/richcem/archive/2010/05/05/5558369.aspx

  • 相关阅读:
    简单构建一个xmlhttp对象池合理创建和使用xmlhttp对象
    iBATIS.net获取运行时sql语句
    不做自了汉,大家好才是真的好
    sql查询,nolock写还是不写,这是一个问题
    Sublime Text 2 快捷键用法大全(转)
    javascript设计模式入门之策略模式
    记一次外单前端页面编写小结
    代码驾驭
    一次项目总结,内容设置页面
    【百度地图API】今日小年大进步,齐头共进贺佳节——API优化升级上线,不再增加内存消耗
  • 原文地址:https://www.cnblogs.com/jianmingyuan/p/6053730.html
Copyright © 2020-2023  润新知