zoukankan      html  css  js  c++  java
  • ajax的理解

    function goe_local(){ //ip同步到服务端
       
    $.ajax({                                         
     url:'ajax_ip.php',/*对应的php文件*/
     type: 'POST',
     data:'ip='+$('.srcs').val(),
     dataType: 'html',
     timeout: 50000,
     error: function(){
     alert('Error loading XML document');
     },
     success: function(aaa){ 
    // alert($('.srcs').val());
     
     $('.ips').attr('value',aaa);
    //alert(html);

       });   
     }
     
     
     
    html====php
    url指明的对应的处理服务器php文件


    type:提交方式 post,get提交到对应php文件


    date:提交的变量值 相当于php里的$ip=某个节点的值


    datetype:服务器文件处理完毕后返回数据的格式,"html": 返回纯文本 HTML 信息


    timeout:最大响应超时时间


    error 和success是返回的提示:失败,成功
    成功后:调用function(aaa) 其中aaa为php处理完毕后返回的数据
    $('.ips').attr('value',aaa); 就是把返回的数据写到input方法里的value里面


    success: function(aaa){ 
    $('.ips').html(aaa);}:把返回值写到对应的div节点上面,<div class="ips">aaa</div>




    实现的效果是:客户端数据提交到服务端处理,并且同步返回,不需要刷新 同步处理
    其中对应的php输出的数据指定到ajax里面,也就说aaa变量,只是把值传到这里面了
    想把他放到html页面,必须写个容器来让他显示,如下:
    <input class="ips" id="ips"  type="hidden" name="ips" value="" />
    <input type="hidden" name='src'  value="" id="src" class="srcs"  onchange="goe_local()"/>
    第一个是把返回值 显示出来
    第二个是把触发goe_local()方法,ajax需要事件来触发
  • 相关阅读:
    UVALive 7509 Dome and Steles
    HDU 5884 Sort
    Gym 101194H Great Cells
    HDU 5451 Best Solver
    HDU 5883 The Best Path
    HDU 5875 Function
    卡特兰数
    UVa 11729 Commando War 突击战
    UVa 11292 The Dragon of Loowater 勇者斗恶龙
    Spark Scala Flink版本对应关系
  • 原文地址:https://www.cnblogs.com/y0umer/p/2809544.html
Copyright © 2011-2022 走看看