跳转

$(function () {

$.ajax({

url: 'jsondata.ashx',

type: 'GET',

dataType: 'json',

timeout: 1000,

cache: false,

beforeSend: LoadFunction, //加载执行bai方法du

error: erryFunction, //错误执行方法

success: succFunction //成功执行方法

})

function LoadFunction() {

$("#list").html('加载中...');

}

function erryFunction() {

alert("error");

}

function succFunction(tt) {

$("#list").html('');

var json = eval(tt); //数组

$.each(json, function (index, item) {

//循环获取zhi数据

var name = json[index].Name;

var idnumber = json[index].IdNumber;

var sex = json[index].Sex;

$("#list").html($("#list").html() + "<br>" + name + " - " + idnumber + " - " + sex + "<br/>");

});

}

});

 

<script language=javascript> alert( '提交成功!');location.href= 'baseweb.aspx'</script>

但是.net是不是在response.write后面还bai允许有个“;”我就不得而知了,asp是不允许的。

再由就是考虑跳转的路径是不是正确了,你修改成别的网页试试能否正常跳转,比如修改成baidu的网址,带http的

 

https://zhidao.baidu.com/question/141406168.html

 

ajax和form表单的提交跳转问题

 

1. 使用ajax提交form表单数据的时候,把提交按钮的type=“submit”改成type="button",防止点击提交的时候form表单自动提交刷新。

 

2. 使用ajax提交form表单数据,controller层返回处理的结果,在ajax里跳转页面。controller层的方法上要加@ResponseBody。

 

3. ajax中跳转页面使用window.location.href = "xxxx";

 

4. form表单在点击提交的时候会自己提交并刷新当前页面,尽管,你可能并没有写action的路径。

 

5. 在提交后跳转页面的时候,要搞清楚在前台跳转,还是后台跳转。当时用ajax提交数据时,只能在ajax中跳转。form表单可以在后台进行跳转。在跳转没有反应的时候,首先要确认代码正确,然后查看有没有打印错误,包括后台的控制台,以及前台的页面console。找到错误,根据错误修改。

 

6. 前台console打印Uncaught TypeError: window.location.href is not a function,这个错误的时候,很有可能是window.location.href = "xxxx";写错了。不能写成window.location.href ("xxxx");

 

 

我在使用ajax的过程中,当返回成功信息的时候在success:function()跳转另一个页面使用了window.location("url")来跳转页面,出现了页面无法跳转的问题

 

下面是解决方法:

 

$.ajax({

                  url:"http://...",

                  dataType:"jsonp",

                  data:{"fr_username":"admin","fr_password":"123456"}, 

                  jsonp:"callback",  

                  timeout:5000,

                  success:function(data){

                         if(data.status==="success"){                        

                                $(window).attr("location","http://...");

                         }else if(data.status === "fail"){ 

                                alert("用户名密码错误!!!");

                         }

                  },

                  error:function(){  

                         alert("超时或服务器其他错误!!!");

                         }  

           });

因为location是js的原生跳转的方法,而ajax是经过封装的jQuery,所以我们要用jQuery中的跳转方法才能生效

 

我们在success:function()中要使用$(window).attr("location","url")的方式跳转页面;

 

以上

 

https://blog.csdn.net/open_yu/article/details/77933757

 

 

form表单submit提交之后刷新页面

今天遇到了一个form的表单submit提交的时候会出现页面的刷新问题:

其解决的方法有两种:

一种:

如果不希望刷新页面,使用ajax提交表单,submit按钮上要加个onclick="return false;"就可以解决这个问题!

一种:

阻止form表单元素的默认行为,在点击时间中添加:event.preventDefault();

一、form表单submit按钮提交页面不跳转

  <form action="" method="post" target="nm_iframe">   

      <input type="text" id="id_input_text" name="nm_input_text" />   

      <input type="submit" id="id_submit" name="nm_submit" value="提交" />   

  </form>   

     

  <iframe id="id_iframe" name="nm_iframe" style="display:none;"></iframe>

 

二、

$('#registSubmit').on('submit', function(){

      registPost()     event.preventDefault() //阻止form表单默认提交})

function registPost () {    

   $.ajax({

       type: "post",

       url: "/api/user/register",

       data: $('#registSubmit').serialize(),

   }).success(function(message) {

     console.log(message)

   }).fail(function(err){

     console.log(err)

   })

    /*

     或者用jquery.form.min.js提交

     $('#registSubmit').ajaxSubmit(function(message){

        console.log(message);

     })

     */

}

 

 

 

 

 

 

 

form表单经过Ajax提交后进入success不能进行页面跳转问题

 

 

function test(){

 

$("#myform").attr("action","XXX.htm");

 

$("#myform").commit();

 

window.setTimeout(function(){

  $("#myform").attr("action","YYY.htm");

},3000);

 

}

prop(“Key”,”Value”); (属性名称,属性值)   概述:获取在匹配的元素集中的第一个元素的属性值。

 

 

 

 

posted @ 2020-07-31 16:48  IT苦行僧-QF  阅读(1560)  评论(0编辑  收藏  举报