如何使用Laravel,Bootstrap Modal和Ajax将数据发布和插入到数据库中

时间:2015-05-26 07:21:42

标签: php jquery ajax twitter-bootstrap laravel

问题是我无法使用Input :: get()获取bootstrap modal textarea输入值,它返回null。

模态提交和文字输入(我的观点):

<button type="button" class="btn btn-danger" onclick="customModalSubmitFunction('modalID')">Submit</button>

JS功能:

function customModalSubmitFunction(modalID){
    $.ajax({
        type: "POST",
        url: "urlRouteToController"
    });
}

Route.php路线

Route::post('urlRouteToController', array(
    'uses' => 'myController@insertValueIntoDatabase',
    'as' => 'urlRouteToController'
));

控制器

public function myController(){
   $dbModel = new Model;
   $dbModel->column1 = Input::get('textbox1');
   $dbModel->save();
}

总之,我无法使用Input :: get(&#39; textbox1&#39;)获取发布的数据。但是将数据作为空值插入数据库(因为我无法获得文本框值)部分可以正常工作。

提前致谢。

2 个答案:

答案 0 :(得分:3)

控制器假设您正在添加新用户(仅用于示例)。 首先,我在构造函数中设计模型用户,以便名为myController的函数可以以漂亮/干净的方式使用它。然后我调用Model中的一个函数。

Use Illuminate\Http\Request;
Use App\Models\Users;

class className extends baseController 
{
    private $users;

    function __construct(Users $users) {
         $this->users = $users;
    }

    public function myController(Request $request) {
        $this->users->createUser($request);
    }
}

模型需要在数据库中具有完全相同的表名,因此假设我们有一个名为Users的表,我们的模型类将是Users。变量fillable确保只有给定的字段可以更改is以保护事物,例如成员资格状态。 该函数将在数据库中创建一条新记录并散列用户的密码。

use Illuminate\Database\Eloquent\Model as Eloquent;

class Users extends Eloquent
{
     protected $fillable = ['username', 'password'];

     public function createUser($request) {
          $this->create([
               'username' => $request->username,
               'password' => \Hash::make($request->password)
          ]);
     }
}

然后表单需要有一个名为username的字段和一个名为password的字段。 或者如果你想用ajax请求做这件事,你可以这样做,请注意我在这个例子中使用输入字段的ID。

function customModalSubmitFunction(modalID){
    $.ajax({
        type: "POST",
        url: "urlRouteToController"
        data: {'username' : $('#username').val(), 'password': $('#password').val()}
    });
}

我正在使用laravel 5所以我不确定这是否会正常工作但我希望它能帮到你

答案 1 :(得分:2)

你需要在$ .ajax函数中传递数据。

function customModalSubmitFunction(modalID){
    $.ajax({
        type: "POST",
        url: "urlRouteToController",
        data: $('form-id').serialize(),
    });
}