$(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/>");

});

}

});

但是.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>

二、

$('#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”); (属性名称，属性值) 概述：获取在匹配的元素集中的第一个元素的属性值。

跳转

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

推荐阅读