美文网首页
前端小心得... 勿喷 记个笔记而已=-=

前端小心得... 勿喷 记个笔记而已=-=

作者: geeooooz | 来源:发表于2018-10-25 17:58 被阅读7次
    $(function(){});
    
    是 $(document).ready(function(){}) 的简写,用来在DOM加载完成之后执行一系列预先定义好的函数。
    
    ajax在php中的实际使用(只展示页面了就)
    
            <input type="hidden" id="lat"/>
        <input type="hidden" id="lng" />
        <input type="hidden" id="poiaddress" />
        <input type="hidden" id="cityname" />
        <input type="hidden" id="poiname" />
        <input class="weui-btn login-btn" id="gb" value="提交" type="button">//点击事件
    
    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>用jq都要引用这个JS的
    
    <script>
                /*这里是给input框赋值*/
                $("#lat").val(loc.latlng.lat);//纬度
                $("#lng").val(loc.latlng.lng);//经度
                $("#poiaddress").val(loc.poiaddress);//详细地址
                $("#cityname").val(loc.cityname);//市
                $("#poiname").val(loc.poiname);//地址 例:XX小区 即名称
    
                
                
                $('#gb').on('click', function(){//点击事件 进行ajax异步操作
                          /*这里是获取input框的值*/
                          var lat=$('#lat').val();
                          var lng=$('#lng').val();
                          $.ajax({
                                 type: "post",
                                 url: "{:U('Map/mapEdit')}",
                                data: {lat:lat,lng:lng},//提交到demo.php的数据
                                dataType: "json",//回调函数接收数据的数据格式
                                success: function(msg){
                                if(msg!='' && msg.code==200){
                                    alert(msg.info.lat);
                                    alert(msg.info.lng);
                                    window.location.href='http://www.baidu.com';//跳转地址
                                }
                                },
                                error:function(msg){
                                      console.log(msg);
                                }
                          });
              });
    </script>
    

    相关文章

      网友评论

          本文标题:前端小心得... 勿喷 记个笔记而已=-=

          本文链接:https://www.haomeiwen.com/subject/otpctqtx.html