【原创】PHP获取textarea里面一行一行的数据 以数组的形式ajax传参

本文介绍了一种使用JavaScript处理textarea中输入的数据,并通过AJAX以数组形式发送到服务器的方法。具体步骤包括获取textarea元素的值,按行分割字符串形成数组,最后使用POST请求将数组发送至指定URL。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

这是一个比较简单的过程
我还是写详细点。。。。。。


textarea页面部分代码:

<div class="form-group">
    <div  class="col-sm-9">
        <textarea id="TextArea1" class="form-control" name="atnum" rows="7"></textarea>
    </div>
</div>
<button  class="btn btn-block btn-yellow col-sm-9">点击发送</button>

js代码

<script type="text/javascript">
    $(function(){
        $('.btn-yellow').click(function(){
            var num = document.getElementById("TextArea1").value;
            var a= num.split('\n');
            $.ajax({
                url:"./actionex.php?a=express",
                data:{atnum:a},
                type:'post',
                success:function(data){
                    if(data == 0){
                        alert('快递发送成功');
                    }else{
                        alert('发送失败');
                    }
                }
           })
        })
    })  
</script>

数据以数组的形式传输到后台 处理就好

获取textarea一行字数可以通过以下步骤实现: 1. 获取textarea的宽度和字体大小。 ```javascript const textarea = document.querySelector('textarea'); const width = textarea.offsetWidth; const fontSize = getComputedStyle(textarea).getPropertyValue('font-size'); ``` 2. 创建一个span元素,设置其样式为与textarea相同,并将其插入到body中。 ```javascript const span = document.createElement('span'); span.style.fontSize = fontSize; span.style.visibility = 'hidden'; span.style.position = 'absolute'; document.body.appendChild(span); ``` 3. 通过将span的innerHTML设置为一行文本,并获取其offsetWidth来获取一行文本的宽度。 ```javascript const text = 'a'.repeat(Math.floor(width / parseInt(fontSize))); span.innerHTML = text; const lineWidth = span.offsetWidth; ``` 4. 计算一行文本能够容纳的字符数。 ```javascript const charactersPerLine = Math.floor(width / lineWidth * text.length); ``` 完整代码如下: ```javascript const textarea = document.querySelector('textarea'); const width = textarea.offsetWidth; const fontSize = getComputedStyle(textarea).getPropertyValue('font-size'); const span = document.createElement('span'); span.style.fontSize = fontSize; span.style.visibility = 'hidden'; span.style.position = 'absolute'; document.body.appendChild(span); const text = 'a'.repeat(Math.floor(width / parseInt(fontSize))); span.innerHTML = text; const lineWidth = span.offsetWidth; const charactersPerLine = Math.floor(width / lineWidth * text.length); ```
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值