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

2018-10-25  本文已影响7人  geeooooz
$(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>
上一篇下一篇

猜你喜欢

热点阅读