dsznndq4912405 2013-08-24 08:14
浏览 33
已采纳

如何在表单提交时同时将数据传递给backbonejs和php?

For example: A user enters or submits names. These names are stored locally using backbone.localStorage.js and displayed in #sidebar using backbone.js. And, by using php, the most recently added name should be displayed in #content. So, if user enters these two names, one after another- foo and bar. Then in #sidebar(here the backbone does the job)

foo
bar

should be displayed and in #content (here php does the job) bar should be displayed (as it is most recently added). when third name, boo is entered, in #sidebar it will be

foo
bar 
boo

And in #content boo will be displayed.

To achieve this I am using: backbone.js, backbone.localStorage.js, jquery. And app.js contains model, collection and view for handling and displaying data.

The js part works fine but not the php.

The index.php

<div id="myapp"> 
  <div class="enter-data"> 
   <form method="POST" action="index.php">     
    <input type="text" name="name" id="new-data" />       
    <input type="submit" value="Subscribe" name="submit" id="submit"/>
   </form>
  </div>
  <div class="sidebar-data">
    //here names are displayed which are stored locally using backbone
  </div>
</div>

<div class="content">
    <?php
       function main() {
        if(isset($_POST['name']) && !empty($_POST['name'])) {
           $data =$_POST['name'];   
           echo $data;  
          }
         }
       main();
      ?>
</div>

event in app.js (view)

    events: {
       "click #submit": "submitClick",
    },

    submitClick: function(e){    
         if (!this.input.val()) return;
         Todos.create({title: this.input.val()});
         this.input.val('');
        }

with the above code, data is passed to js, but not to php. Which means names are displayed in #sidebar as shown in above example but the php part is not working. #content is remained blank. I have also tried

  events: {
       "submit form": "submitForm",
    },

    submitForm: function(e){    
          if (!this.input.val()) return;
         Todos.create({title: this.input.val()});
         this.input.val('');
        }

but same thing happens.

So, how can I pass data to php too and display the recently added name in #content

  • 写回答

1条回答 默认 最新

  • dounai9294 2013-08-25 06:36
    关注

    this.input.val('') will clear the form before it's sent to PHP. Try this:

    submitClick: function(e){    
        if (!this.input.val()) return;
        Todos.create({title: this.input.val()});
        // don't clear the form!
        // this.input.val('')
    }
    

    When the page is reloaded (after the form is submitted) the input should be cleared, so this code shouldn't be necessary anyway.

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 矩阵加法的规则是两个矩阵中对应位置的数的绝对值进行加和
  • ¥15 活动选择题。最多可以参加几个项目?
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?
  • ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)
  • ¥20 怎么在stm32门禁成品上增加查询记录功能
  • ¥15 Source insight编写代码后使用CCS5.2版本import之后,代码跳到注释行里面
  • ¥50 NT4.0系统 STOP:0X0000007B
  • ¥15 想问一下stata17中这段代码哪里有问题呀