如何在我的代码中修复移动浏览器的 ajax 请求/响应

MD 伊凡·阿里

代码如图这段代码完美适用于桌面浏览器,但对于移动浏览器直接重定向到 url 位置,不适用于我下面的代码...点击提交按钮表单输入数据通过提交数据发送到 process-data.php .js 和响应显示为跨度

 **form.php**                           
<script  src="https://code.jquery.com/jquery-1.6.4.js"></script>    
<script src="js/form/submit-data.js"></script>    

<form id="feed_<?php echo$type_id;?>" action="include/process_data.php" method="post">    
<input type="hidden" name="cmd_<?php echo$type_id;?>" value="<?php echo$type_id; ?>">    
<input type="hidden" name="item_<?php echo$type_id;?>" value="<?php echo $type_name;?>">    
<input type="hidden" name="amount_<?php echo$type_id;?>" value="<?php echo $ac_p;?>">    
<input type="submit" class="fa fa-chevron-down" value="Submit">    
</form>    
<span id="dFcn_<?php echo$type_id;?>"></span>    

提交-data.js

//submit-data.js        
$(document).ready(function() {    

    $('form').submit(function(event) {    
    var charid = this.id;    
    var idsplit = charid.split('_');    
    var getid = idsplit[1];    
    var cmsd=$('input[name=cmd_'+getid+']').val();    

    $('.form-group').removeClass('has-error'); // remove the error class    
    $('.help-block').remove(); // remove the error text    
    // get the form data    
    var formData = {    
        'cmd'               : $('input[name=cmd_'+getid+']').val(),    
        'item'          : $('input[name=item_'+getid+']').val(),    
        'amount'    : $('input[name=amount_'+getid+']').val()    
    };    
    $.ajax({    
        type        : 'POST',    
        url         : 'include/process_data.php',    
        data        : formData,    
        dataType    : 'json',    
        encode      : true    
    })    
    .done(function(data) {    
        //console.log(data);     

        if ( ! data.success) {    
            // errors message    
            $('#dFcn_'+cmsd+'').append('<div class="alert alert-success">' + data.message + '</div>');    
        } else {    
            //success message!    
            $('#dFcn_'+cmsd+'').append('<div class="alert alert-success">' + data.message + '</div>');    
        }    
    })    

    //stop refreshing the page    
        event.preventDefault();    
    });    

});    

process_data.php

  <?php    
//array    
$data= array();    

if (empty($_POST['cmd']) && empty($_POST['item']) && empty($_POST['amount']))    
    $POST_DATA_FALIURE = 'POST DATA FALIURE';    

if ( ! empty($POST_DATA_FALIURE)) {    
    $data['success'] = false;    
    $data['errors']  = $POST_DATA_FALIURE;    
} else {    
    $data['success'] = true;    
    $data['message'] = 'SUCCESS MESSAGE';    
}    
echo json_encode($data);    
?>    
MD 伊凡·阿里

实际上,表单在表“td”标签中,并且在同一页面中有太多的 js 冲突,在删除外部链接的 js(如下所示)后,这在跨浏览器中对我有用。
[注意:]但是通过这项技术,我们可以在while循环中生成多个表单并发送多个表单数据并通过ajax获取每个表单提交的响应,而无需重新加载页面,谢谢。

[these js was linked for making table responsive,data search type]    
DataTables 1.10.19    
Bootstrap integration for DataTables' Responsive    
Responsive 2.2.3    
FixedHeader 3.1.5    
DataTables Bootstrap 3 integration    

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

为什么我可以通过正常的浏览器请求得到Ajax请求的响应?

来自分类Dev

如何知道ajax请求中响应的大小

来自分类Dev

如何从ajax响应中获取请求的URL?

来自分类Dev

如何从ajax请求获取数据响应?

来自分类Dev

如何从ajax请求获取数据响应?

来自分类Dev

如何解析Ajax请求的json响应?

来自分类Dev

在ajax请求中存储来自php的响应

来自分类Dev

$ .ajax请求中的412服务器响应代码

来自分类Dev

我如何从jquery ajax请求中获取响应

来自分类Dev

如何在PHP中获得对单个Ajax请求的多个响应

来自分类Dev

部分ajax请求后如何处理非ajax响应?

来自分类Dev

等待AJAX请求响应

来自分类Dev

双ajax请求响应

来自分类Dev

Ajax请求未响应

来自分类Dev

由于Cookie处理,Python请求的AJAX响应与浏览器不同

来自分类Dev

如何处理来自jquery中ajax请求的204响应

来自分类Dev

如何使用jQuery从AJAX请求中获取响应文本

来自分类Dev

如何从ajax post请求中获取响应头

来自分类Dev

为什么我的Ajax请求得到响应0?

来自分类Dev

JSON返回的AJAX请求未响应我的预期行为

来自分类Dev

Laravel 4:响应来自控制器的AJAX请求

来自分类Dev

如何使中间件响应所有ajax请求

来自分类Dev

如何使用jquery用json响应调用ajax请求?

来自分类Dev

如何从Java发送压缩的(gzip)JSON作为对Ajax请求的响应?

来自分类Dev

如何处理来自Ajax POST请求的多个文件响应?

来自分类Dev

如何使中间件响应所有ajax请求

来自分类Dev

如何防止用户查看来自AJAX请求的响应?

来自分类Dev

如何格式化ajax POST请求的响应?

来自分类Dev

如何以状态码500响应ajax jsonp请求

Related 相关文章

热门标签

归档