Question

关于JSP通过JS传值Java后台

现在有一个需求，我需要将用户在页面上输入的手机号码传递到后台，查询归属地运营商，然后将归属地运营商返回给前台做展示，然后通过归属地运营商以及另外的用户所以提供的条件（两个单选框）传到后台做查询。
现在被JS卡住了，本人是个菜，大神们帮帮忙，最好详细点，有代码或伪代码最好

Answer 1

在controller内部，用方法参数接收手机号码，然后拿到手机号码进行查询，得到归属地字符串，用model进行参数存储和视图的存储，返回modelandview就完成了回显。后面的同样的，通过方法参数，进行页面数据的接收即可；大致代码可以写一下

@RequestMapping("/查询归属地的action")
public ModelAndView findAddress(String telephone(这个参数名要和你表单中的电话输入框的name一样)) {
//在这进行查询,得到归属地，应该是个字符串吧
ModelAndView mv = new ModelAndView();
mv.addObject("页面回显的name", 归属地);
mv.setViewName("你要跳转的页面");//你的视图解析得配，不配的话可以给相对地址，但是不要放在web-inf下
return mv;
}
下面那个是一样的，参数用过方法参数接收即可

Answer 2

通过输入手机号码input的失去焦点事件触发一个ajax请求

<input tpye="text" id="phone"> //假设这个是你页面的手机号码输入框
<span id="place"></span> //这是显示号码归属地

<script type = "text/javascript" >
$(document).on('onblur', '#phone', function(){ //绑定phone的失去焦点事件
    var phone = $("#phone").val();
    $.ajax({  
          type: "post",  
          url: "XXXXXXXXXXX",  //你的根据号码获取归属地的请求路径     
          data: "phone="+pnone,      
          success: function(data) { //data返回号码归属地
              $("#place").html(data);
          }
          })
  })
 </script>

追问

谢谢大神，还有一个问题，我还需要拿着归属地、运营商、作用域和类型再传到后台做查询，其中后两个是用户在页面上勾选单选框的，归属地跟运营商我是不是可以直接使用
var place = $("#place").val;
var operator = $("#operator").val;
这样来取到值?

追答

如果你的place是input的话可以用$("#place").val();，如果是span、td等标签的话需要用$("#place").html()来取值

追问

这样可以吗

追答

可以的，

val后面加()

Answer 3

$("button").click(function(){

$.ajax({url:"demo_test.txt",data:{"number":"12344","id":"11111"}success:function(result){

$("#div1").html(result);    }});}); url请求地址，data传过去的参数 result返回的值具体看ajax

例子是我百度的ajax

Answer 4

1

Answer 5

用了什么框架么 还是单纯的jsp+servlet

追问

SSM+JQuery