Heim > Backend-Entwicklung > PHP-Tutorial > 怎么用一个ajax把一个div里的数据提交给后台的php执行呢,就是保存?

怎么用一个ajax把一个div里的数据提交给后台的php执行呢,就是保存?

WBOY
Freigeben: 2016-06-06 20:47:42
Original
1110 Leute haben es durchsucht

怎么用一个ajax把一个div里的数据提交给后台的php执行呢,就是保存?

回复内容:

怎么用一个ajax把一个div里的数据提交给后台的php执行呢,就是保存?

写一个jQuery的示例吧,假设你要获取<div id="content">123</div>的内容并保存。

<code>var t = $('#content').text();
$.post('up.php', {text:t}, function(d) {
    /*发送成功后执行*/
});
</code>
Nach dem Login kopieren

up.php页面只要向正常的表单一样用$_POST['text']就可以获取到传递过去的参数了。

原生js中,需要拼接字符串 like this

<code class="lang-js">// createRequest()是自己写的兼容函数
request = new createRequest();
var data = 'content='+div.innerHTML+'&id='+num;
request.open("POST",url,true);
request.setRequestHeader("Content-Type","text/plain");
request.send(data);
request.onreadystatechange=callback;

// 这个函数特意从以前写过的程序里拿出来,应该是以前从红皮书里抄来的QAQ忘记了
function createRequest() {
  try {
    request = new XMLHttpRequest();
  } catch (tryMS) {
    try {
      request = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (otherMS) {
      try {
        request = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (failed) {
        request = null;
      }
    }
  } 
  return request;
}
</code>
Nach dem Login kopieren

补充一下一楼的,人家不一定要text啊

<code>var t = $('#content').text();
//或者 var t=$('#content').html();
$.post('up.php', {text:t}, function(d) {
    /*发送成功后执行*/
});
</code>
Nach dem Login kopieren
Verwandte Etiketten:
php
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage