标签: ajax

我正在尝试显示一个警告框,然后单击"确定"以刷新页面.我试过用window.location.reload(true)

我想在页面重新加载之前显示一条消息.问题是页面自动重新加载但警报框未显示.

HTML内容

<form action="<?php echo $action_link; ?>" method="post" name="form_Change_Password" id="form_Change_Password" class="form-horizontal" novalidate="novalidate">

    <input type="hidden" name="id" value="<?php echo $admin_id; ?>">
        <div class="form-body">
            <div class="alert alert-danger display-hide">
                <button class="close" data-close="alert"></button> You have some form errors. Please check below. 
            </div>
            <div class="alert alert-success display-hide">
                <button class="close" data-close="alert"></button> Your form validation is successful! 
            </div>
            <div class="form-group  margin-top-20">
                <label class="control-label col-md-3">Old Password
                    <span class="required" aria-required="true"> * </span>
                </label>
                <div class="col-md-4">
                    <div class="input-icon right">
                        <i class="fa"></i>
                        <input type="password" class="form-control" name="old_password" id="old_password" value=""> 
                    </div>
                </div> …

它类似于这里提出的问题如何使用ajax请求逐行读取文件,而文件是由其他程序使用java编写的？我有一个文件,将填充从远程计算机生成的命令行输出.我想做的是每次在文件中写入内容时,我想使用perl(或javascript但我很怀疑它)捕获它并显示正在打开的网页中写入的内容.理想情况下,只要在文件中写入文件的方式,就应该在html中显示每一行,就像它在终端中生成的方式一样.

我的困难在于我不确定如何进行轮询 - 检测文件中正在写入的内容 - 以及如何实时捕获线条.

话虽这么说,我想到的另一种可能性是改变我在远程机器上的脚本并将终端输出转储到我的网站的div中.这样可以避免写入,阅读和实时轮询,但甚至不确定这是否可行？

我正在发送多个ajax请求,并希望在所有请求都成功的情况下获得回调.我发现$.when($.ajax(), [...]).then(function(results){},[...]);但只有当你事先知道你要做多少时才会有效.在我的情况下,它取决于用户输入.

我试过以下但我不知道在哪里或如何$.when适合:

$.when(
    $('#piecesTable tr').not(':first').each(function(){

        // ...some prep...

        $.ajax({
            // ...args here...
        });
    })
).then(function() {
    // All requests are done
});

如何使用所有这些单独$.ajax调用的结果$.when？或者我是否以其他方式处理这个问题？

我希望将数组的值传递给chart.js数据集的数据和标签字段.

这里ajax调用成功的代码用于获取json数据.我获取json数据并将其存储到数组中.

Data = jQuery.parseJSON(result);
var count = Data.length;
var counter = 0;
while(count > 0) {
    LabelResult[counter] =[Data[counter].TIME];
    counter++;
    count --;
}

现在我希望将这个标签值用于标签文件.

var myChart = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: [LabelResult],
        datasets: [{
            label: '# of Votes',
            data: [DataResult],
            borderWidth: 1
        }]
    }    
});

但似乎存在一些问题,并且数据未在图表上呈现

即使在Ajax.BeginForm中，我指定了targetId（这是我的局部视图），它仍在替换完整视图。我想念什么吗？

ProductList.cshtml

<div class="form-style-1" style="float:left">
           @using (Ajax.BeginForm("SearchProducts", "Product", new AjaxOptions()
           {
           HttpMethod="POST",
           InsertionMode = System.Web.Mvc.Ajax.InsertionMode.Replace,
           UpdateTargetId = "product-list-container"
           }))
           {
           <form>
              <input name="SearchText" id="SearchText" class="field-divided" style="width: 300px;" type="text" />
              <input type="submit" value="Search" class="myButton" />
           </form>
           }
        </div>@Html.Partial("ListPartialView", Model)


ListPartialView.cshtml - 

<div id="product-list-container">
    @foreach (var product in Model)
    {
        <div class="product_box margin_r40">
            <div class="thumb_wrapper"><a><img src="@Url.Content(@product.ImagePath)" alt="image 1" /></a></div>
            <h3>@product.ProductName</h3>
            <p>@product.Description</p>
        </div>
    }
    <div class="button_01"><a href="#">View All</a></div>
    <div class="cleaner"></div>
</div>

SearchProducts-控制器动作

[HttpPost]
        public ActionResult SearchProducts()
        {
            var searchTxt = Request.Form["SearchText"];                                                
            IEnumerable<Product> searchedProducts …

我在项目中使用Fetch(Fetch API),为了保持一致,我想创建一个接收所有参数(如方法,url和数据)的函数,并创建正确的请求,具体取决于它是GET还是POST请求.

是否有可能使用Fetch发送一个数据对象,该数据对象用于GET请求,将数据转换为参数,并且如果它是POST请求,它只是在正文中发送数据对象？

它看起来像这样:

fetch ('/test', {
        method: 'GET',
        data: {
           test: 'test'
        }
});

这个疑问的灵感来自于这个jQuery ajax行为:

$.ajax({
   url: '/test',
   method: 'GET',
   data: {
      test: 'test'
   }
});

这会产生这个请求:

'/test/?test=test'

我正在尝试使用带有新Laravel 5.3项目的ajax登录我的用户.

我已经生成了auth路由,它已添加到我的web.php中:

Auth::routes();

我有一个带有电子邮件,密码输入和csrf字段的html表单.然后我也有这个javascript文件:

$("form.login").submit(function(e) {
    e.preventDefault();

    $.ajax({   
        method: "POST",
        dataType: "json",
        headers: { 
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
        },
        data: $("form.login").serialize(),
        url: "/login"
    })
    .done(function(data) {
        console.log(data);
    });
});

然而,当我发布它时,它显示在我的网络选项卡中:

它会重定向回原始页面,而不会返回任何数据.

它为什么这样做？5.3不再给json回复吗？

第一个Ajax请求接收响应,但不包括第二个包含标头的响应.如何允许标头包含在跨域Ajax请求中.

注意 - 我希望我需要进行服务器端更改,并且/sf/answers/2249830551/也这样说,但没有说明如何进行这些更改.此外,我不是在寻找仅限jQuery的解决方案.

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Testing</title>  
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.js" type="text/javascript"></script>
        <script type="text/javascript"> 
            $(function(){
                $.ajax({
                    type:'POST',
                    url:'http://otherdomain.example.com/ajax.php',
                })
                $.ajax({
                    type:'POST',
                    url:'http://otherdomain.example.com/ajax.php',
                    headers: {"X-Test-Header": "test-value"},
                })
            });
        </script>
    </head>

    <body></body> 
</html> 

FF对第二个Ajax请求的响应:

跨源请求已阻止:同源策略不允许在http://otherdomain.example.com/ajax.php上读取远程资源.(原因:在CORS预检频道的CORS标题'Access-Control-Allow-Headers'中丢失了令牌'x-test-header').

Chrome响应第二个:

XMLHttpRequest无法加载http://otherdomain.example.com/ajax.php.请求标头字段在预检响应中,Access-Control-Allow-Header不允许使用X-Test-Header.Apache被设置为

如下:

Header set Access-Control-Allow-Origin "*"
Header set Access-Control-Allow-Methods "GET, POST, PUT, DELETE, OPTIONS"
Header set Access-Control-Allow-Headers "Origin, X-Requested-With, Content-Type, Accept, Authorization, Client-Security-Token, Accept-Encoding"

这是我在php中的工作ID.

<td id="JobId"><?php echo $JobResults['id_job']; ?></td>

当我点击此按钮时,这是我的reinvite按钮我必须使用ajax发送作为作业ID的隐藏值:

<button id="ReInvite">Reinvite</button>

这是我的ajax电话:

$('#ReInvite').click(function() {
    JobId = $('#JobId').val();
    $.ajax({
        url: "job-controller.php",
        method: "POST",
        data: {'action':'reinvite','JobId' : + JobId},
        dataType: "json",
        success: function (response) {
                console.log(response);
                $("#showMessage").html(response['message']);
        },
        error: function (request, status, error) {
            $("#showMessage").html("OOPS! Something Went Wrong Please Try After Sometime!");
        }
    });
    return false;
});

这是我的控制器页面来调用隐藏值:

if($_POST['action']=='reinvite'){ 
    $Jobid = trim($_GET['JobId']);
    echo $JobId;
    exit;
});

我的错误是作业ID值为零.

我一直在看Spotify api几天和示例源代码,我仍然无法弄清楚如何获取访问令牌来访问用户的播放列表数据.我已经达到了拉起登录窗口,用户登录,然后我收到授权代码的程度.此时,我尝试过这样的事情:

window.open("https://accounts.spotify.com/api/token?
grant_type=authorization_code&code="+code+"&redirect_uri=myurl&client_id=3137b15
2f1424defa2c6020ae5c6d444&client_secret=mysecret");

和

$.ajax(
    {
      url: "https://accounts.spotify.com/api/token?grant_type=authorization_code&code="+code+"&redirect_uri=myurl&client_secret=mysecret&client_id=myid", 
      success: function(result){
        alert("foo");
      }
    }
);

但不管怎样,我得到的结果如下:

{"error":"server_error","error_description":"Unexpected status: 405"}

而不是令牌.我确信这很简单,但我对JS很糟糕.请帮忙!谢谢!

(编辑)我忘了提到:

链接到api身份验证指南:https://developer.spotify.com/web-api/authorization-guide/

我坚持第4步.我看到有一种替代方法可以发送可能有效的"头参数"或cURL请求.但是因为我不知道如何做这些事情我一直坚持发送client_id和client_secret作为身体请求参数,就像我之前为用户登录/代码所做的那样.

PS:我只是在使用这个应用程序,我正在为自己写作.有没有办法在不经过这个过程的情况下对令牌进行硬编码？