Entity Framework简单实现AJAX技术

1.创建一个HTML页面,创建XMLHttpRequest对象,从客户端发送请求,判断页面是否显示异常

使用get传值,传到服务器msg显示文本hello word

<script type="text/javascript">
        function send() {
            //1.创建XMLHttpRequest对象
            var xmlRequest = new window.XMLHttpRequest();
            xmlRequest.onreadystatechange = function () {
                if (xmlRequest.readyState == 4) {
                    if (xmlRequest.status == 200) {
                        console.log(xmlRequest.responseText);
                    }
                }
                
            }
            xmlRequest.open("get", "Handler1.ashx?msg=hello world", true);
            xmlRequest.send(null);
        }
    </script>

提交数据

<body>
    <input type="button" value="提交" onclick="send()" />
    <input  type="text"/>
</body>

2.创建一个一般程序Handler1.ashx

接受传过来的msg,清空缓冲区

 public class Handler1 : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            string message = context.Request.QueryString["msg"];
            context.Response.Write(message);
            //清空缓冲区
            context.Response.Flush();
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以使用Java API获取经纬度信息,具体实现步骤如下: 1.引入相关的依赖包,如SpringBoot-starter-web和geotools等。 2.编写一个Controller,提供RESTful接口。 3.在Controller中注入一个GeocodingService,该服务用于将地址转换为经纬度。 4.编写一个简单的前端页面,用于获取用户输入的地址信息。 5.在前端页面中,使用AJAX技术将用户输入的地址信息传递到Controller中,然后调用GeocodingService将地址转换为经纬度信息,并返回给前端页面展示。 下面是一个简单实现代码: 1.引入相关的依赖包: ```xml <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <dependency> <groupId>org.geotools</groupId> <artifactId>gt-epsg-hsql</artifactId> <version>22.1</version> </dependency> <dependency> <groupId>org.geotools</groupId> <artifactId>gt-geojson</artifactId> <version>22.1</version> </dependency> <dependency> <groupId>org.geotools</groupId> <artifactId>gt-geocaching</artifactId> <version>22.1</version> </dependency> <dependency> <groupId>org.geotools</groupId> <artifactId>gt-epsg-wkt</artifactId> <version>22.1</version> </dependency> ``` 2.编写一个Controller: ```java @RestController public class GeocodeController { @Autowired private GeocodingService geocodingService; @GetMapping(value = "/geocode") public ResponseEntity<?> getGeocode(@RequestParam String address) { try { Point2D.Double point = geocodingService.geocode(address); Map<String, Object> response = new HashMap<>(); response.put("latitude", point.y); response.put("longitude", point.x); return ResponseEntity.ok(response); } catch (Exception e) { return ResponseEntity.status(HttpStatus.BAD_REQUEST).body(e.getMessage()); } } } ``` 3.注入GeocodingService: ```java @Service public class GeocodingService { public Point2D.Double geocode(String address) throws Exception { Geocoder geocoder = new Geocoder(); GeocoderRequest geocoderRequest = new GeocoderRequestBuilder() .setAddress(address) .setLanguage("zh-CN") .getGeocoderRequest(); GeocodeResponse geocoderResponse = geocoder.geocode(geocoderRequest); GeocoderResult result = geocoderResponse.getResults().get(0); LatLng location = result.getGeometry().getLocation(); return new Point2D.Double(location.getLng().doubleValue(), location.getLat().doubleValue()); } } ``` 4.编写前端页面: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>获取经纬度</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> </head> <body> <form> <label>地址:</label> <input type="text" id="address" name="address"> <br> <button type="button" onclick="getGeocode()">获取经纬度</button> </form> <br> <div id="result"></div> <script> function getGeocode() { let address = $('#address').val().trim(); if(!address){ alert('请输入地址!'); return; } $.ajax({ url: '/geocode?address='+encodeURI(address), type: 'GET', contentType: "application/json", success: function (data) { console.log(data); $('#result').empty().html('经度:'+data.longitude+' 纬度:'+data.latitude); }, error: function (xhr, textStatus, errorThrown) { console.log(xhr); console.log(textStatus); console.log(errorThrown); $('#result').empty().html(xhr.responseJSON); } }); } </script> </body> </html> ``` 以上就是一个简单的获取经纬度的实现,当用户在前端页面中输入地址后,点击“获取经纬度”按钮即可向后端发送请求,后端将地址转换成经纬度并返回给前端,最终在页面上展示出经纬度信息。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值