使用ajax在文本框中检索值类型时出现问题

Question

<script>
    $(function(){
      $("input[name='room_type']").focus(function () {
      var str = "";
      $("select[name='htl_name'] option:selected").each(function () {
            str += $(this).text() + " ";

          });

            jQuery.ajax({
            type: "POST",
            url:"",
            data:  $("form#insertform").serialize(),

            success: function(data){
                jQuery(".res").html(data);

                $('#test').html(data);


            }
            });  
            var str = $("form").serialize();
            $(".res").text(str);
    });
    });
    </script>

这里我得到输入框htl_name中输入的值，但整个页面正在重新加载。如何解决这个问题？

Answer 1

试试这个：

$(function(){
      $("input[name='room_type']").focus(function (e) {
      var str = "";
      $("select[name='htl_name'] option:selected").each(function () {
            str += $(this).text() + " ";

          });

            jQuery.ajax({
            type: "POST",
            url:"",
            data:  $("form#insertform").serialize(),

            success: function(data){
                jQuery(".res").html(data);

                $('#test').html(data);


            }
            });  
            var str = $("form").serialize();
            $(".res").text(str);
           e.preventDefault(); //if this doesn't work, replace it with "return false"
    });
    });